[CSS] Centrer verticalement du texte

Version imprimable

11/04/2006, 12h23
taly

[CSS] Centrer verticalement du texte

Bonjour,

J'ai un petit souci de centrage. Je voudrais centrer verticalement du texte à coté d'une image. J'utilise la méthode line-height qui fonctionne très bien lorsque le texte n'est que sur une ligne, mais s'il passe sur deux lignes ça ne va plus.
Une idée ?
Merci.
11/04/2006, 12h27
blueice

Place le bloc dans une div que tu placeras correctement.Pas forcément l'idéal, mais sans voir exactement de quoi il retourne c'est difficile.

Le problème c'est que je ne voudrais pas "caler manuellement" les div. Je voudrais que si le texte change, la css suive...

voici mon code HTML

Code:

1
2
3
4
5
<div class="ssMenu">
  <div class="ssMenuPicto"><img src="images/ss_menu_picto_debat.jpg" alt="Le d&eacute;bat" title="Le d&eacute;bat" /></div>
  <div class="ssMenuTitre"><a href="#">Le d&eacute;bat</a></div>
  <div class="clear"></div>
</div>

et ma css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
.ssMenu {
    height: 66px;
    width: 206px;
    padding-left: 5px;
    background-image: url("../images/ss_menu_fond.jpg");
    background-repeat: no-repeat;
}
.ssMenuPicto {
    height: 40px;
    width: 50px;
    border: solid 1px #FFFFFF;
    margin-top: 10px;
    float: left;
}
.ssMenuTitre a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    float:left;
    color: #FFFFFF;
    text-decoration: none;
    margin-right: 20px;
    float: right;
    height: 60px;
    line-height: 60px;
}

11/04/2006, 13h24
SIBELIUS

PS : attention à ne pas trop charger sur la "divite" :)
Tu as apparemment des éléments de titre (class="ssMenuTitre") qui sont balisés par un <div> alors que ce n'est pas sa fonction.