28220 sujets

CSS et mise en forme, CSS3

Alignement vertical d'une image

Bonsoir à tous,
j'arrive à aligner verticalement une image avec IE et Opéra, mais pas avec Netscape, ni Firefox
voilà mon code css

.haut {
background-image: url('fond_etoiles_haut.gif');
height: 50px;
}
.bannierehaut {
vertical-align: middle;
margin-left: 5px;
}
a.lienshaut:link {text-decoration:none;color:#FFFFFF;
font-family:verdana, arial, sans-serif;font-size:11pt;font-weight:bold;}
a.lienshaut:visited {text-decoration:none;color:#FFFFFF;
font-family:verdana, arial, sans-serif;font-size:11pt;font-weight:bold;}
a.lienshaut:active {text-decoration:none;color:#FFFFFF;
font-family:verdana, arial, sans-serif;font-size:11pt;font-weight:bold;}
a.lienshaut:hover {text-decoration:underline overline;color:#FFFFFF;
font-family:verdana, arial, sans-serif;
font-size:11pt;font-weight:bold;}
.lienshaut {
vertical-align: middle;
height: 50px;
line-height: 50 px;
}

et mon code html

<div class="haut">
<img src="banniere_haut.gif" class="bannierehaut">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?page=accueil"
class="lienshaut">Accueil</a>
</div>

je sais qu'il existe plusieurs façons de centrer verticalement, mais je n'y suis pas arrivée Smiley confus
merci pour votre aide Smiley smile
Modifié par blue (05 Jun 2005 - 22:35)
merci Stephan Smiley smile
en fait, j'ai juste rajouté un margin pour l'image et ça marche
j'ai aussi enlevé le code des liens qui ne servait à rien
seulement, c'est pas vraiment du centrage Smiley confus
display: inline-block; n'a rien donné pour moi Smiley decu
Sujet clos
Aller à