5568 sujets

Sémantique web et HTML

Bonjour,

J'ai un problème pour pouvoir centrer mon lien par rapport à une image (picto) qui est placé sur la même ligne devant le lien.
J'ai placé ces 2 éléments dans un div class="menExt"
J'utilise dans le lien la class="lien_ext" qui me permet d'ouvrir dans une nouvelle fenêtre, l'id="menutexte01" me permet de définir la taille, la police, la couleur, la class="picto" me permet de centré verticalement le picto.
Mon code dans ma page :

<div class="menExt">
<img class="picto" src="images/picto_menu.gif" width="17" height="17" alt="" />
<a class="lien_ext" id="menutexte01" href="http://www.monSite.com" >Liens</a>
</div>


Ma css :


#menutexte01 {
	width: 204px;
	height: 19px;
	line-height: 19px;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #2F406C; 
	text-align: left; 
	font-weight: bold; 
	text-decoration: none; 
}

.picto {
	width: 17px;
	height: 17px;
	line-height: 17px;
}
.menExt {
	position: relative;
	width: 250px;
	height: 139px;
	padding: 2px;
	background-color: #FFFFFF;
}

.spH {
	position: relative;
	top: 0px;
	left: 43px;
	width: 200px;
	height: 1px;	
}



J'utilise bien la balise line-height et défini la même hauteur que la hauteur height:
J'ai essayé de les mettres dans un div et un span avec un display : block, cela ne fonctionne pas non plus et je ne vois pas pourquoi !!

Merci de votre aide !!