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 :
Ma css :
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 !!
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 !!