PB de mise en pabe Site WEB
Résolu
mythbusters
Messages postés
455
Date d'inscription
Statut
Membre
Dernière intervention
-
mythbusters Messages postés 455 Date d'inscription Statut Membre Dernière intervention -
mythbusters Messages postés 455 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un petit soucis de mise en page sur mon site web ! En fait j'ai un cadre et j'aimerais en faire un autre dessous mais quand je fais il me met le carde a coté donc je voudrais savoir comment je pourrais faire ? Je vodrais faire des cadres sur la droite de la page qui serait reservé à la PUB mais j'ai le meme problème !
Voila mon CodeSource :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>mythbusters-online - Page d'accueil</title>
<style type="text/css">
<!--
body {
background-color: #2e3839;
margin: 5px;
font-family: tahoma, verdana, arial;
}
td {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: black;
}
a {
font-size: 11px;
color: black;
text-decoration: none;
}
a:visited {
font-size: 11px;
text-decoration: none;
}
a:hover {
font-size: 11px;
text-decoration: underline;
}
a.std {
font-size: 11px;
color:#436123;
text-decoration: none;
}
a:visited.std { font-size: 11px; color:#436123; text-decoration: none; }
a:hover.std { font-size: 11px; color:#436123; text-decoration: underline; }
.small {
font-family: tahoma, verdana, arial;
font-size: 9px;
color: #000000;
}
.small a {
color: black;
}
.headline,.headline2,.headline3 {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: white;
}
.cont {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #000000;
}
.ro {
background-color:#E7E7E7;
}
html {
font-family: tahoma, verdana, arial;
font-size: 11px;
}
.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
td.nav {
background-image: url(http://80.190.202.79/designs/iceblue/images/button.gif);
background-repeat: none;
height: 33px;
width: 185px;
padding-left: 25px;
}
td.nav a {
color: black;
font-size:11px;
}
td.nav_heading {
background-image: url(http://80.190.202.79/designs/iceblue/images/heading_left.gif);
color: white;
padding-left: 15px;
line-height: 23px;
width: 185px;
height: 23px;
}
td.nav_head {
background-image: url(http://80.190.202.79/designs/iceblue/images/head_left.gif);
color: white;
padding-left: 15px;
line-height: 31px;
width: 185px;
height: 31px;
}
td.sidebar_heading {
background-image: url(http://80.190.202.79/designs/iceblue/images/heading_right.gif);
color: white;
padding-left: 15px;
line-height: 24px;
width: 168px;
height: 24px;
}
td.sidebar_head {
background-image: url(http://80.190.202.79/designs/iceblue/images/head_right.gif);
color: white;
padding-left: 15px;
line-height: 32px;
width: 168px;
height: 32px;
}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5 {
background-color: #fafbfc;
background-image: url(http://80.190.202.79/designs/iceblue/images/shouty.gif);
background-repeat: no-repeat;
padding: 5px;
}
.shoutbox {
overflow: auto;
height: 300px;
width: 175px;
}
.nick {
font-weight: bold;
}
.shoutbox hr {
border: 0;
border-bottom: 1px dashed #0c2737;
}
.shoutbox input, .shoutbox textarea {
width: 155px;
}
.send {
margin-top: 5px;
color: black;
font-weight: bold;
width: 50px;
margin-left: auto;
margin-right: auto;
}
.RowLight, .RowDark {
padding-left: 10px;
height: 27px;
}
.RowLight {
background-image: url(http://80.190.202.79/designs/iceblue/images/stats_bg1.gif);
}
.RowDark {
background-image: url(http://80.190.202.79/designs/iceblue/images/stats_bg2.gif);
}
img { border: 0;}
.headline a, .footer_text, .footer_text a.nav {
color: white;
}
//-->
</style>
</head>
<body>
<FONT color="white"></FONT>
<table height="27">
<tr>
<td height="27" valign="middle">
<span style="font-size: 14px; color:#FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif;"><a href="http://www.fr.gd/klick.php?c=91&t=451" style="font-size: 14px; color:#FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif;">Lien vers mon Blog Skyrock <img src="http://mythbusters41130.skyrock.com" border="0">
</a></span> </td>
</tr>
</table>
<table class="edit_main_table" width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="921" height="1000" align="left" valign="top" class="edit_main_tr"><table width="921" border="0" cellspacing="0" cellpadding="0" class="edit_second_table">
<tr>
<td height="104" align="left" valign="top" class="edit_header_full" background="http://80.190.202.79/designs/iceblue/images/header.jpg"><table width="921" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" class="edit_header_sub_left" > </td>
<td width="712" class="edit_header_sub_right" height="26"> </td>
</tr>
<tr>
<td class="edit_header_over_headline"> </td>
<td class="headline" style="font-size: 20px; font-weight: bold; text-align: right; padding-right: 10px;">mythbusters-online</td>
</tr>
</table></td>
</tr>
<tr>
<td class="edit_td_third_table"><table width="921" border="0" cellspacing="0" cellpadding="0" class="edit_third_table">
<tr>
<td width="185" height="1000" align="left" valign="top" background="http://80.190.202.79/designs/iceblue/images/navi_bg.gif" class="edit_navi_headbg"><table width="185" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="nav_heading">Menu</td>
</tr>
<tr class="checked_menu"><td class="nav" id="nav_Pagedaccueil"><a href="pageacceuil.html" class="menu"><b>Page d'accueil</b></a></td></tr>
<tr><td class="nav" id="nav_Contact"><a href="pagecontact.html" class="menu"><b>Contact</b></a></td></tr>
<tr><td class="nav" id="nav_Livredor"><a href="pagelivredor.html" class="menu"><b>Livre d'or</b></a></td></tr>
<tr><td class="nav" id="nav_Newsletter"><a href="pageenmaintenance.html" class="menu"><b>Newsletter</b></a></td></tr>
<tr>
<td class="edit_below_nav">
<img src="http://80.190.202.79/designs/iceblue/images/navi_ende.gif" width="185" height="198">
</td>
</tr>
</table>
</td>
<td width="568" height="1000" align="left" valign="top" background="http://80.190.202.79/designs/iceblue/images/cont_bg.gif" class="edit_rechts_cbg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table class="edit_rechts_tabelle" width="568" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="http://80.190.202.79/designs/iceblue/images/cont_top.gif" height="38" class="edit_content_top">
<table width="568" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_left" width="20"></td>
<td class="edit_content_right" width="548" height="5"></td>
</tr>
<tr>
<td class="edit_content_pre_headline2"> </td>
<td class="headline2">Page d'accueil</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="100" align="left" valign="top" background="http://80.190.202.79/designs/iceblue/images/cont2_bg.gif" class="edit_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_container">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_left_spacer" width="3%"> </td>
<td class="edit_content_main" width="94%">
<div style="width: 510; overflow: auto;"><div align="center"><font face="Comic Sans MS"><span class="Code"><img width="400" height="300" alt="Logo Mythbusters" src="http://jfcbookstore.org/images/MythbustersWeb.jpg" /><br />
</span></font><span class="Title"><br />
<br />
<font size="4" face="Comic Sans MS">Bienvenue sur le site communautaire Mythbusters-OnLine.Fr<br />
</font><br />
</span> <font face="Comic Sans MS"><font size="5"><font size="2"> Vu que c'est un site communautaire c'est vous qui le construisez ! avec vos questions (auxquelles j'essaierais de répondre) mais aussi des news ou des astuces que je mettrais de temps à autres.<br />
Merci d'avoir choisi </font><font size="2" color="#ff0000">MYTHBUSTERS-ONLINE</font></font></font></div><script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2594508-16";
urchinTracker();
</script></div></td>
<td class="edit_content_right_spacer" width="3%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="31" background="http://80.190.202.79/designs/iceblue/images/cont_bottom.gif" class="edit_content_bottom">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td background="http://80.190.202.79/designs/iceblue/images/footer.gif" height="31" class="edit_content_bottom2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_bottom2_left_spacer" width="2%"> </td>
<td class="edit_content_bottom2_counter" width="96%" style="color:white; text-align: center;"><font color="#13EEEE">Visiteurs depuis le 9 Avril 2008 : 3 Visiteurs (63 Hits) </font>
</td>
<td class="edit_content_botom2_right_spacer" width="2%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="168" align="left" valign="top" background="http://80.190.202.79/designs/iceblue/images/rechts_bg2.gif" class="edit_rechts_bottom"><table id="sidebar_heading_1" width="168" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="sidebar_heading">News du 4 Avril 2008</td>
</tr>
<tr>
<td background="/templates/darkblue/images/right_bg.gif" class="shouty">
Anniversaire des 30 ans de l'efondrement du pont Wilson de Tours.
</td>
</td>
</tr>
<tr>
<td background="http://80.190.202.79/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_1"> </td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table></td>
<td width="79" background="http://80.190.202.79/designs/iceblue/images/s_bg.gif" class="edit_rechts_sbg"> </td>
</tr>
</table>
<div style="float: left">
</div>
<FONT color="white"></FONT>
<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=mythbusters-online&auth1=dee4a85ff4c8ce689a2fdb136d41a404&auth2=dc75616212d3507fecfd857b5f78162f&auth3=d697307076b1ca591a6291e1ce794aa5&auth4=750bcaf07a47c0a5670c215825117481&auth5=06ffca006c3349f5a4b100962c85f2be&mode=track" style="display:none;width:1px;height:1px;"></iframe></body>
</html>
J'ai un petit soucis de mise en page sur mon site web ! En fait j'ai un cadre et j'aimerais en faire un autre dessous mais quand je fais il me met le carde a coté donc je voudrais savoir comment je pourrais faire ? Je vodrais faire des cadres sur la droite de la page qui serait reservé à la PUB mais j'ai le meme problème !
Voila mon CodeSource :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>mythbusters-online - Page d'accueil</title>
<style type="text/css">
<!--
body {
background-color: #2e3839;
margin: 5px;
font-family: tahoma, verdana, arial;
}
td {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: black;
}
a {
font-size: 11px;
color: black;
text-decoration: none;
}
a:visited {
font-size: 11px;
text-decoration: none;
}
a:hover {
font-size: 11px;
text-decoration: underline;
}
a.std {
font-size: 11px;
color:#436123;
text-decoration: none;
}
a:visited.std { font-size: 11px; color:#436123; text-decoration: none; }
a:hover.std { font-size: 11px; color:#436123; text-decoration: underline; }
.small {
font-family: tahoma, verdana, arial;
font-size: 9px;
color: #000000;
}
.small a {
color: black;
}
.headline,.headline2,.headline3 {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: white;
}
.cont {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #000000;
}
.ro {
background-color:#E7E7E7;
}
html {
font-family: tahoma, verdana, arial;
font-size: 11px;
}
.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
td.nav {
background-image: url(http://80.190.202.79/designs/iceblue/images/button.gif);
background-repeat: none;
height: 33px;
width: 185px;
padding-left: 25px;
}
td.nav a {
color: black;
font-size:11px;
}
td.nav_heading {
background-image: url(http://80.190.202.79/designs/iceblue/images/heading_left.gif);
color: white;
padding-left: 15px;
line-height: 23px;
width: 185px;
height: 23px;
}
td.nav_head {
background-image: url(http://80.190.202.79/designs/iceblue/images/head_left.gif);
color: white;
padding-left: 15px;
line-height: 31px;
width: 185px;
height: 31px;
}
td.sidebar_heading {
background-image: url(http://80.190.202.79/designs/iceblue/images/heading_right.gif);
color: white;
padding-left: 15px;
line-height: 24px;
width: 168px;
height: 24px;
}
td.sidebar_head {
background-image: url(http://80.190.202.79/designs/iceblue/images/head_right.gif);
color: white;
padding-left: 15px;
line-height: 32px;
width: 168px;
height: 32px;
}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5 {
background-color: #fafbfc;
background-image: url(http://80.190.202.79/designs/iceblue/images/shouty.gif);
background-repeat: no-repeat;
padding: 5px;
}
.shoutbox {
overflow: auto;
height: 300px;
width: 175px;
}
.nick {
font-weight: bold;
}
.shoutbox hr {
border: 0;
border-bottom: 1px dashed #0c2737;
}
.shoutbox input, .shoutbox textarea {
width: 155px;
}
.send {
margin-top: 5px;
color: black;
font-weight: bold;
width: 50px;
margin-left: auto;
margin-right: auto;
}
.RowLight, .RowDark {
padding-left: 10px;
height: 27px;
}
.RowLight {
background-image: url(http://80.190.202.79/designs/iceblue/images/stats_bg1.gif);
}
.RowDark {
background-image: url(http://80.190.202.79/designs/iceblue/images/stats_bg2.gif);
}
img { border: 0;}
.headline a, .footer_text, .footer_text a.nav {
color: white;
}
//-->
</style>
</head>
<body>
<FONT color="white"></FONT>
<table height="27">
<tr>
<td height="27" valign="middle">
<span style="font-size: 14px; color:#FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif;"><a href="http://www.fr.gd/klick.php?c=91&t=451" style="font-size: 14px; color:#FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif;">Lien vers mon Blog Skyrock <img src="http://mythbusters41130.skyrock.com" border="0">
</a></span> </td>
</tr>
</table>
<table class="edit_main_table" width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="921" height="1000" align="left" valign="top" class="edit_main_tr"><table width="921" border="0" cellspacing="0" cellpadding="0" class="edit_second_table">
<tr>
<td height="104" align="left" valign="top" class="edit_header_full" background="http://80.190.202.79/designs/iceblue/images/header.jpg"><table width="921" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" class="edit_header_sub_left" > </td>
<td width="712" class="edit_header_sub_right" height="26"> </td>
</tr>
<tr>
<td class="edit_header_over_headline"> </td>
<td class="headline" style="font-size: 20px; font-weight: bold; text-align: right; padding-right: 10px;">mythbusters-online</td>
</tr>
</table></td>
</tr>
<tr>
<td class="edit_td_third_table"><table width="921" border="0" cellspacing="0" cellpadding="0" class="edit_third_table">
<tr>
<td width="185" height="1000" align="left" valign="top" background="http://80.190.202.79/designs/iceblue/images/navi_bg.gif" class="edit_navi_headbg"><table width="185" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="nav_heading">Menu</td>
</tr>
<tr class="checked_menu"><td class="nav" id="nav_Pagedaccueil"><a href="pageacceuil.html" class="menu"><b>Page d'accueil</b></a></td></tr>
<tr><td class="nav" id="nav_Contact"><a href="pagecontact.html" class="menu"><b>Contact</b></a></td></tr>
<tr><td class="nav" id="nav_Livredor"><a href="pagelivredor.html" class="menu"><b>Livre d'or</b></a></td></tr>
<tr><td class="nav" id="nav_Newsletter"><a href="pageenmaintenance.html" class="menu"><b>Newsletter</b></a></td></tr>
<tr>
<td class="edit_below_nav">
<img src="http://80.190.202.79/designs/iceblue/images/navi_ende.gif" width="185" height="198">
</td>
</tr>
</table>
</td>
<td width="568" height="1000" align="left" valign="top" background="http://80.190.202.79/designs/iceblue/images/cont_bg.gif" class="edit_rechts_cbg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table class="edit_rechts_tabelle" width="568" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="http://80.190.202.79/designs/iceblue/images/cont_top.gif" height="38" class="edit_content_top">
<table width="568" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_left" width="20"></td>
<td class="edit_content_right" width="548" height="5"></td>
</tr>
<tr>
<td class="edit_content_pre_headline2"> </td>
<td class="headline2">Page d'accueil</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="100" align="left" valign="top" background="http://80.190.202.79/designs/iceblue/images/cont2_bg.gif" class="edit_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_container">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_left_spacer" width="3%"> </td>
<td class="edit_content_main" width="94%">
<div style="width: 510; overflow: auto;"><div align="center"><font face="Comic Sans MS"><span class="Code"><img width="400" height="300" alt="Logo Mythbusters" src="http://jfcbookstore.org/images/MythbustersWeb.jpg" /><br />
</span></font><span class="Title"><br />
<br />
<font size="4" face="Comic Sans MS">Bienvenue sur le site communautaire Mythbusters-OnLine.Fr<br />
</font><br />
</span> <font face="Comic Sans MS"><font size="5"><font size="2"> Vu que c'est un site communautaire c'est vous qui le construisez ! avec vos questions (auxquelles j'essaierais de répondre) mais aussi des news ou des astuces que je mettrais de temps à autres.<br />
Merci d'avoir choisi </font><font size="2" color="#ff0000">MYTHBUSTERS-ONLINE</font></font></font></div><script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2594508-16";
urchinTracker();
</script></div></td>
<td class="edit_content_right_spacer" width="3%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="31" background="http://80.190.202.79/designs/iceblue/images/cont_bottom.gif" class="edit_content_bottom">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td background="http://80.190.202.79/designs/iceblue/images/footer.gif" height="31" class="edit_content_bottom2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="edit_content_bottom2_left_spacer" width="2%"> </td>
<td class="edit_content_bottom2_counter" width="96%" style="color:white; text-align: center;"><font color="#13EEEE">Visiteurs depuis le 9 Avril 2008 : 3 Visiteurs (63 Hits) </font>
</td>
<td class="edit_content_botom2_right_spacer" width="2%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="168" align="left" valign="top" background="http://80.190.202.79/designs/iceblue/images/rechts_bg2.gif" class="edit_rechts_bottom"><table id="sidebar_heading_1" width="168" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="sidebar_heading">News du 4 Avril 2008</td>
</tr>
<tr>
<td background="/templates/darkblue/images/right_bg.gif" class="shouty">
Anniversaire des 30 ans de l'efondrement du pont Wilson de Tours.
</td>
</td>
</tr>
<tr>
<td background="http://80.190.202.79/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_1"> </td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table></td>
<td width="79" background="http://80.190.202.79/designs/iceblue/images/s_bg.gif" class="edit_rechts_sbg"> </td>
</tr>
</table>
<div style="float: left">
</div>
<FONT color="white"></FONT>
<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=mythbusters-online&auth1=dee4a85ff4c8ce689a2fdb136d41a404&auth2=dc75616212d3507fecfd857b5f78162f&auth3=d697307076b1ca591a6291e1ce794aa5&auth4=750bcaf07a47c0a5670c215825117481&auth5=06ffca006c3349f5a4b100962c85f2be&mode=track" style="display:none;width:1px;height:1px;"></iframe></body>
</html>
A voir également:
- PB de mise en pabe Site WEB
- Site de telechargement - Accueil - Outils
- Création site web - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Web office - Guide
- Mise en forme conditionnelle excel - Guide
4 réponses
C'est un peu fouilli parce que j ai fait copier coller, sur notepad++ c est plus clair, en fait ma page est divisé en 3 bloc body ( Gauche centre et droite ), le bloc centre et droit je voudrais faire des petit bloc les uns en dessous des autres mais quand je veux rajouter un bloc en dessous, il me le met à coté et je vois pas ce que je dois faire pour qu'il soit les uns en dessous des autres en dessous et pas à coté ! ( un peu comme des article des Blog [ cf: mythbusters41130.skyrock.com ] !