bonjour,
J'ai un petit souci de centrage. J'ai un div qui comporte une image en background dans lequel j'ai deux autres div respectivement en float left et float right. Le premier des deux div intérieur comporte une photo et le second du texte (qui peut être sur deux lignes). Je souhaiterais pouvoir centrer verticalement ce div contenant le texte par rapport au div qui comporte l'image en background.
voici ma ccs
et le html
Comment faire pour les centrer verticalement puisque le vertical-align: middle; ne fonctionne pas ?
Merci.
Modifié par Taly (10 Apr 2006 - 16:00)
J'ai un petit souci de centrage. J'ai un div qui comporte une image en background dans lequel j'ai deux autres div respectivement en float left et float right. Le premier des deux div intérieur comporte une photo et le second du texte (qui peut être sur deux lignes). Je souhaiterais pouvoir centrer verticalement ce div contenant le texte par rapport au div qui comporte l'image en background.
voici ma ccs
.ssMenu {
background-image: url("../images/ss_menu_fond.jpg");
background-repeat: no-repeat;
height: 66px;
width: 206px;
padding-left: 5px;
}
.ssMenuPicto {
height: 40px;
width: 50px;
border: solid 1px #FFFFFF;
margin-top: 10px;
float: left;
}
.ssMenuTitre a {
height: 100%;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin-right: 20px;
float: right;
line-height: 16px;
}
et le html
<div class="ssMenu">
<div class="ssMenuPicto"><img src="images/ss_menu_picto_parole.jpg" alt="Le débat" title="Le débat" /></div>
<div class="ssMenuTitre"><a href="#">Parole de sport</a></div>
<div class="clear"></div>
</div>
Comment faire pour les centrer verticalement puisque le vertical-align: middle; ne fonctionne pas ?
Merci.
Modifié par Taly (10 Apr 2006 - 16:00)