Discussion :

[damien77]

Bonjour j'aimerais center une images dans un div floatant. Pour le moment j'ai le code suivant :

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
27
28
29
 
div#menu {
    float: left;
    width: 14%;
}
 
div#menu div.element {
    margin-bottom: 10px;
}
 
div#menu div.element div.entete {
    border:1px solid #FF0000;
    height: 22px;
}
 
div#menu div.element div.entete div.image {
    float: right;
    line-height: 19px;
    margin-right: 10px;
}
 
div#menu div.element div.entete div.image  img {
    cursor: pointer;
}
 
div#menu div.element div.entete h4 {
    line-height: 22px;
    margin-left: 5px;
}

Code :

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

1
2
3
4
5
6
7
8
9
 
    <div class="element">
        <div class="entete">
            <div class="image">
                <img src="./templates/images/open.gif"  />
            </div>
            <h4>Titre 1</h4>
        </div>
</div>

mon image fait 6x6....

merci de votre aide pour trouver plus simple....

[E.Bzz]

Bonjour,

Bonjour j'aimerais center une images dans un div floatant.

Code :

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

1
2
3
4
5
div#menu {
    float: left;
    width: 14%;
    text-align: center;
}

n'est pas suffisant (en supprimant les div intermédiaires si pas d'autre utilité) ?

A+

[damien77]

Attention, je veux le centrer verticalement par rapport au texte... et oui je veux que l'image soit a droite et texte a gauche...

[E.Bzz]

Attention, je veux le centrer verticalement

Précision intéressante, bien que tardive

EDIT : => une petite recherche fait souvent gagner du temps

A+

[damien77]

Je viens de regarder et tester ton liens mais rien à faire... Est que le problème viens de fait que le div.image soit floatant ?