Bonjour à tous!
Voila mon problème qui est commun, mon menu déborde et va sur sa bordure.
Sous IE il est bon mais FF sa déborde a peine. Le texte est aussi décalé verticalement.
Pourriez vous m'aidez?
lien: http://hysterique.free-h.net/news.html
------------------------------------------------------------------------------------------------
Voila mon problème qui est commun, mon menu déborde et va sur sa bordure.
Sous IE il est bon mais FF sa déborde a peine. Le texte est aussi décalé verticalement.
Pourriez vous m'aidez?
lien: http://hysterique.free-h.net/news.html
HTML:
<body class="center">
<table>
<tbody><tr>
<td>
<div id="en_tete">
<h1>La Famille Hystérique</h1><br>
<h2>vous souhaite la bienvenue !</h2>
</div>
<div id="menu">
<p class="noborder"><a href="index.html">Accueil</a></p>
<p class="noborder"><a href="news.html">News</a></p>
<p class="noborder"><a href="livre_dor.html">Livre D'or</a></p>
<p class="noborder"><a href="sorties.html">Sorties</a></p>
<p class="noborder"><a href="chat.php">Chat</a></p>
</div>
<div id="corps">
<h3 class="center">News !!</h3>
<p>Voilà les nouvelles:</p>
<p><img src="/ress/designs/sepvio.bmp" alt="marche pas" title="" height="6" width="100%"></p>
<p>Creation du site www.hysterique.h-free.net ( celui là! )<br>
Avancement:<br>
Section news: 10%<br>
Section Livre d'or: 5%<br>
Section Sorties: 5%<br>
Section Les plus: 5%<br>
<br>
Site en général: 20%<br>
Designs: 40%</p>
<p><img src="/ress/designs/sepvio.bmp" height="6" width="100%"></p>
<p>Problème de compatibilité avec Mozilla Firefox, j'y travaille ^^</p>
</div>
<div id="bas_de_page">
<p>bas de page</p>
</div>
</td>
</tr>
</tbody></table>
</body>
------------------------------------------------------------------------------------------------
CSS:
#menu {
background:#37004D url(../ress/designs/barre_violet.bmp) repeat-x scroll 0%;
border:3px solid black;
float:left;
height:300px;
margin:10px 0px 0px;
padding:22px 0px 0px;
text-align:center;
width:123px;
}
#corps {
background:#37004D url(../ress/designs/barre_violet.bmp) repeat-x scroll 0%;
border:3px solid black;
height:600px;
margin-left:155px;
margin-top:10px;
padding-left:16px;
padding-top:30px;
text-align:left;
text-indent:0px;
}
body {
background:transparent url(../ress/designs/violet_083.jpg) repeat scroll 0%;
color:white;
margin:20px auto auto;
width:760px;
}
#bas_de_page {
background:#37004D url(../ress/designs/barre_violet.bmp) repeat-x scroll 0%;
border:3px solid black;
color:white;
margin:10px auto auto;
}
#en_tete {
background:#330047 url(../ress/designs/barre_violet.bmp) repeat-x scroll 0%;
border:4px solid black;
font-family:"Comic Sans MS","Times New Roman";
font-weight:bold;
height:80px;
margin:0px;
padding:21px 0px 0px;
text-align:left;
vertical-align:middle;
width:760px;
}
.center {
text-align:center;
}
tr {
width:500px;
}
h1 {
border:0pt none;
font-size:1.3em;
margin:0pt;
padding:0pt;
text-indent:200px;
}
h2 {
border:0pt none;
font-size:1.1em;
margin:0pt;
padding:0pt;
text-indent:400px;
}
ul {
list-style-position:inside;
list-style-type:none;
text-align:center;
text-indent:0px;
}
a {
color:white;
text-decoration:none;
}
html {
background-repeat:repeat;
}
.noborder {
border:0pt none;
margin:0pt;
padding:0pt;
}
img {
border:0pt none;
}
div#menu a {
background-color:#4E006E;
border-color:#600087 black black rgb(96, 0, 135);
border-style:solid;
border-width:1px;
display:block;
width:100%;
}
div#menu a:hover {
background-color:#40005A;
border-color:#390050 rgb(71, 0, 100) rgb(71, 0, 100) rgb(57, 0, 80);
border-style:solid none none solid;
border-width:1px;
display:block;
width:100%;
}
.