bon alors, j'ai réussi à arranger pas mal de trucs et ma page Web prend bien forme, mais il y a quand même un problème de mise en page sur lequel je bute depuis plusieurs heures... ras-le-bol !...

Pour être clair, voici une capture de ma page :


Comme vous vous en doutez, les liens du menu horizontal devraient se trouver au centre du cadre et non pas à cheval ou carrément dehors. J'ai beau jongler avec les margin, padding et autres, j'arrive pas à placer ces fichus liens au bon endroit

Voilà mon HTML :

Citation : HTML

<div id="logo">

</div>

<div id="menu_general">

<ul>
<li><a href="news.html">Bienvenue</a></li>
<li><a href="dao2006.html">Galerie</a></li>
<li><a href="histoires_terminees.html">Bandes<br/>dessinées</a></li>
<li><a href="prisonniers_synopsis.html">Projet<br/>Prisonniers</a></li>
<li><a href="videos.html">Multimédia</a></li>
<li><a href="vieilles_bd.html">Souvenirs</a></li>
<li><a href="frangin.html">Frangin</a></li>
<li><a href="Profil.html">Profil<br/>et liens</a></li>
</ul>

</div>

<br class="pas_de_float"/>

<div id="menu_partiel">

<ul>
<li>Bienvenue</li><br/>
etc...

... et voilà mon CSS :

Citation : CSS

body
{
width: 95%;
margin: auto;
margin-top: 2%;
margin-bottom: 2%;
background-color: rgb(250,239,215);
}

#logo
{
width: 180px;
height: 114px;
background-image: url("../images/logo.png");
float: left;
}

#menu_general
{
background-color: rgb(255,239,198);
border: thin rgb(158,95,53) solid;
margin-left: 18%;
margin-top: 2%;
padding: 4%;
Width: 74%;
float: right left;
}

#menu_general ul
{
width: 95%;
margin: 1%;
list-style-type: none;
text-align: center;
}

#menu_general ul a
{
font-family: "Arial Black", Arial, Comic sans MS, serif;
font-size: 100%;
font-weight: normal;
color: rgb(128,0,0);
}

#menu_general li
{
float: left;
margin: 3%;
}

.pas_de_float
{
clear: both;
}

#menu_partiel
{
background-color: rgb(255,239,198);
border: thin rgb(158,95,53) solid;
margin-left: 1%;

etc...

voilà, si quelqu'un pige où est le schmilblick... Une fois que j'aurais enfin fini le design des menus, je devrais moins vous embêter, mais là, ça me bloque...

Chu !

Ton problème vient, à mon avis des margin qui s'additionnent !

Regarde, des extraits de ton CSS :



Alors, je ne suis vraiment pas sûr de ce que je vais avancer, car je ne travaille pas beaucoup avec les pourcentages, mais si tu comptes bien, au final, il y a une marge de 6% au dessus de ton menu horizontal ! (sans compter le padding...)

Je te conseille donc de reprendre à zéro toutes tes marges et d'avancer peu à peu, en précisant des margin-top: 0; quand tu ne veux pas que la marge supérieure augmente !

Il serait bon aussi de visualiser ton site sous différents navigateurs !

Enfin, je ne suis pas sûr que ce soit très correct :





Bonne continuation !