Bonjour à tous! En ce moment je finalise la découpe d´un design et je mets en place les menus horizontaux. J´ai fait les liens, mais ils ne s´alignent pas comme je le veux, et quand je mets un trait (enfin, une image qui sépare les liens) dans le menu du haut, ça fait descendre mes liens encore plus bas. Voilà un screenshot pour vous illustrer la situation :

http://img297.imageshack.ack.us/img297/5739/img24kt.png

Donc il faudrait que les liens en bas soient un petit peu plus bas pour qu´ils soient centrés, que les liens du dessus soient centrés aussi et que le fait que je mette une image pour faire un trait ne change par leur position. Voilà le codage en CSS (concernant le code):

Code : CSS

1. menu_haut // le menu du haut

{
width: 898px;
height: 31px;
background: url(images/menu_haut.png);
}

1. menu_bas // le menu du bas

{
width: 898px;
height: 26px;
background: url(images/menu_bas.png);
}

1. banniere // la bannière

{
width: 898px;
height: 160px;
background: url(images/banniere.png);
}

.grand_a // les grands liens, j´ai ici mis des mar
gins pour centrer mais rien n´y fait ...
{
font-weight: bold;
color: rgb(0,124,193);
font-family: arial,sans-serif,verdana;
font-size : 20px;
text-decoration: none;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
}

.grand_a:hover
{
font-weight: bold;
color: white;
font-family: arial,sans-serif,verdana;
font-size : 20px;
text-decoration: none;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
}

.grand_a:active
{
font-weight: bold;
color: rgb(0,100,170);
font-family: arial,sans-serif,verdana;
font-size : 20px;
text-decoration: none;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
}

.grand_a:focus
{
font-weight: bold;
color: rgb(0,100,170);
font-family: arial,sans-serif,verdana;
font-size : 20px;
text-decoration: none;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
}

.grand_a:visited
{
font-weight: bold;
color: rgb(0,100,170);
font-family: arial,sans-serif,verdana;
font-size : 20px;
text-decoration: none;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
margin-bottom : 5px;
}

.petit_a // les plus petits liens, j´ai mis des ma
rgins pour centrer, ça ne marche pas malheureusement ...)
{
font-weight: bold;
color: rgb(0,124,193);
font-family: arial,sans-serif,verdana;
font-size : 15px;
text-decoration: none;
margin-left : 4px;
margin-right : 4px;
margin-top : 4px;
margin-bottom : 4px;
}

.petit_a:hover
{
font-weight: bold;
color: white;
font-family: arial,sans-serif,verdana;
font-size : 15px;
text-decoration: none;
margin-left : 4px;
margin-right : 4px;
margin-top : 4px;
margin-bottom : 4px;
}

.petit_a:active
{
font-weight: bold;
color: rgb(0,100,170);
font-family: arial,sans-serif,verdana;
font-size : 15px;
text-decoration: none;
margin-left : 4px;
margin-right : 4px;
margin-top : 4px;
margin-bottom : 4px;
}

.petit_a:focus
{
font-weight: bold;
color: rgb(0,100,170);
font-family: arial,sans-serif,verdana;
font-size : 15px;
text-decoration: none;
margin-left : 4px;
margin-right : 4px;
margin-top : 4px;
margin-bottom : 4px;
}

.petit_a:visited
{
font-weight: bold;
color: rgb(0,100,170);
font-family: arial,sans-serif,verdana;
font-size : 15px;
text-decoration: none;
margin-left : 4px;
margin-right : 4px;
margin-top : 4px;
margin-bottom : 4px;
}

Voici la partie XHTML :

Code : HTML
<!-- MENU HAUT -->
<div id="menu_haut">
<a class="grand_a" href="#">Essai</a> <img src="images/change_menu_haut.png" alt="change"/> <a class="grand_a" href="#">Essai</a>
</div>
<!-- FIN MENU HAUT -->
<!-- BANNIERE -->
<div id="banniere"></div>
<!-- FIN BANNIERE -->
<!-- MENU BAS -->
<div id="menu_bas">
<a class="petit_a" href="#">Accueil et news</a> <a class="petit_a" href="#">Présentation du site</a>
</div>
<!-- FIN MENU BAS -->

Voilà, qui peut m´aider à terminer ma découpe avec le centrage des liens ?

ici on ne découpe pas
voici un site qui te découpe gratuitement
http://decoupe-fr.com
++

super, je suis au trois quarts de ma découpe on veut que je demande à quelqu´un d´autre ... En plus comme je connais ces gens là, ça va être "pas l´temps", "déso jdois y aller", ...

ou si tu trouve il faudra que tu rémunére

thymotep @ msn .com

Je te la faits avant dimanche soir

Si tu sais faire une découpe alors tu sais corriger les problèmes. Tu ne referras pas le design, là il est bien sauf pour ce dont je parle, donc non je ne recommencerai pas la découpe, point barre, je demande juste de l´aide pour finaliser les menus horizontaux, vous savez lire ?

Oui, mais explique correctement ton problème alors !

Avec les fichiers en main j´y arriverai mieux mais bon

Je vois le problème, mais faudrait m´envoyer les fichier CSS et HTML que je le règle, et jte les renvoies après men fou moi.

"les fichiers" en question, ils sont juste un peu plus haut, suffit de regarder, c´est pas difficile à comprendre. Il faut centrer les liens dans les menus horizontaux (deux ici) par rapport à la hauteur (et non centrer par rapport à la largeur -_-), et faire en sorte que la petite barrette (qui est en fait une image nommée change_menu_haut.png) ne change pas la position des liens du menu du haut, comme il me le fait maintenant

Demerde toi, j´ai pas envie de faire copier coller

En plus je n´est que le au, certes c´est là ou est le problemes mais un truc complet serai mieux !

bon, prend mon msn alors : jef3456789@hotmail.com

Ce n´est pas de la découpe, c´est de la mise en page.

virjule vu comment tu te comporte ici je me demande si quelqu´un va vouloir t´aider

C´est clair que nous ne sommes pas des chiens, nous ne sommes pas à sa disposition, nous venons aider les autres, mais nous le faisons parce que nous en avons envie.

thymotep est trop gentil je trouve