[URGENT]Séparation de liens avec des images.

[Nass]

Salut à tous.

J'aimerai mettre des séparations à mes liens sur le menu rapide en haut du design de mon site.

Seulement, lorsque je mets les séparations, mes liens sont attirés vers le bas à cause de l'image. J'aimerai bien ne plus faire de colonne, parce que c'est casse pied.

Je vous donne les éléments :
Design : http://pokealliance.free.fr/test2/
Séparation : http://pokealliance.free.fr/test2/images/v4/sep_menu_rap.PNG

Si vous avez besoin d'autres éléments, dites le moi.

[Xenon3000]

Moi je ferai comme ceci:

Si c'est des puce tu met une class "separator" dedans ( <li class="separator">).
Si se n'est pas des puce tu met des balises Div.

Ensuite dans ton code CSS tu met:

Code Sélectionner Étendre

.separator
{
    background-image:"image.png";
    background-repeat:no-repeat;
    padding-left:10px;
}

pour le padding-left tu met en fonction de la taille de ton image.

[Nass]

Non, ça marche pas.

Ce que je veux faire, c'est affiché l'image à coter du texte, sans qu'il soit attiré vers le bas, ni faire de colonne.

Merci quand même.

[HCkev]

Met dans le CSS du bloc:

Code Sélectionner Étendre

vertical-align: middle;

Vertical-align change L'alignement desimages par rapport au texte

[Nass]

Merci, j'ai déjà essayé. Je me suis résigné à faire des images plus petite et plus claire.

[mooglwy]

Ca serai plus simple si tu nous passais juste le code de ton cadre, pis faut que tu regardes si ca fait ca juste avec un navigateur, parce qu'il y a ca aussi. Enfin je sais pas ca fait super longtemps que j'ai plus fait ces choses là.