Discussion :

[taly]

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.

[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.

[taly]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[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.