[Résolu] Rabaisser le texte dans un menu fait avec une liste

Plop,
j'ai un menu basé sur: http://css.alsacreations.com/xmedia/exemples/roll_over/ et j'aimerais que le texte (item 1, etc...) soit plus bas.

Comment je peux faire?
Modifié par ponsfrilus (11 Mar 2007 - 23:14)

Salut.

Il faut simplement mettre un padding-top sur tes liens. Et pas oublier de soustraire cette valeur à ton line-height pour que tes liens restent de la hauteur des images de fond.

Bonsoir,
tu as au moins 2 façons d'y arriver dont celle-ci:

		ul#menu li a
		{
			display: block ;
			width: 170px ;
			height: 30px ;
			line-height: 40px ;
			color: #000 ;
			text-indent: 40px ;
			text-decoration: none ;
			background: url(bg_menu.gif) no-repeat 0 0 ;
			border: 1px solid #dbd ;
		}

La propriété line-height qui sert aux espaces d'interligne de texte
sert ici a centrer verticalement le nom de la rub.
Celle-ci permet dans ce cas de donner une hauteur de 30px tout en centrant la rub.
Pour décaler ton texte vers le bas, tu donne une hauteur de 30 pixel
au lien et comme tu souhaites avoir une espace plus grand en haut
alors tu attribues un line-height de 40 pixel par exemple,
ce qui aura pour effet de laisser 10px de plus au dessus.
Modifié par Hermann (11 Mar 2007 - 23:16)

Cool merci de vos réponses. En fait j'avais omis la prop. height... ce qui ne marchait pas, évidemment!

++