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.
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:
.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.
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.
Met dans le CSS du bloc:
vertical-align: middle;
Vertical-align change L'alignement desimages par rapport au texte ^_^
Merci, j'ai déjà essayé. Je me suis résigné à faire des images plus petite et plus claire.
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à.