18073 sujets

Questions générales et questions de débutants

[Résolu] Décalage vers le haut du texte dans un block

Bonjour à tous.

Je viens d'acquérir le "CSS 2 partique du design web" afin de me mettre au CSS.

Je bloque sur un truc de base j'imagine.


#test a {
	display		: block;
	width		: 93px;
	height		: 22px;
	margin		: 0 0;
	padding		: 0px 0; 
	text-decoration	: none;
	text-align	: center;
	color		: #000000;
	vertical-align	: middle;
	font-size		: 11px;
	border		: 1px solid #000000;
}




 <ul id="test">
  <a href="#">LIEN</a>
 </ul>


Dans ce cas précis, mon "LIEN" reste scotché sur le haut du bloc. En mettan "margin : 4px 0;", j'arrive a centrer le text mais ca décale d'autant la zone cliquable.

Et quand j'utilise "vertical-align:middle;" ca ne change rien.

Merci d'avance.

Si j'ai d'autre question, je profiterais de ce post pour les poser si je netrouve pas la réponse dans le bouquin/forum.
Modifié par papayou (13 Apr 2006 - 12:04)
Bonjour papayou et bienvenue sur Alsacréations,

Tu devrais mettre ton lien dans un élément de liste li puisque tu souhaites utiliser une liste non ordonnée.

Vertical-align s'applique à des élément de type en ligne.

Pour ton cas il faudrait utiliser line-height avec la même valeur que ton ton height.

<ul id="test">
  <li><a href="#">LIEN</a></li>
 </ul>


#test li a{
height: 22px;
line-height: 22px;
}



a écrit :
Si j'ai d'autre question, je profiterais de ce post pour les poser si je netrouve pas la réponse dans le bouquin/forum.


Surtout pas Smiley biggrin . A chaque problème un nouveau sujet Smiley cligne .

En plus du livre tu disposes également de la Faq qui est une mine d'information et qu'il convient de consulter avant chaque question Smiley cligne .
Modifié par Igor (13 Apr 2006 - 11:26)
Merci pour la rapidité et surtout "line-height" etait la bonne solution à mon problème.

Merci encore.

(j'esserais de trouver dans la faq/bouquin avant de poster Smiley langue )
Sujet clos
Aller à