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/..." style="display:none;width:1px;height:1px;"></iframe></body>
</html>
Configuration: Windows Vista
Firefox 2.0.0.13