Header Non collé

[bolo]

cette liste de définitions

dl.gallery{
float: left;
display: -moz-inline-box;  /* Moz */
display: inline-block;  /* Op, Saf, IE \*/
margin:auto;
width:160px;
text-align: justify;
}

.gallery dt { font-size:10px; }

.gallery dd{
margin: 0;
padding: 0;
}

Ca ne ce centre pas de mon coté

[bolo]

Oui, et je n'ai pas ce problème avec Firefox (toujours sous Gentoo).

<{POST_SNAPBACK}>

De mon coté c'est réglé sous Opéra et toi ?

[Julien L.]

et si tu créais un bloc div regroupant les trois <dl>, ou mieu une liste <ul> ?

Puis dans les propriétés de ce groupe ( ou liste ) ajouter : "text-align:center;"

EDIT : Je n'ai rien dit, apparement c'était déja fait !

De mon coté c'est réglé sous Opéra et toi ?

<{POST_SNAPBACK}>

C'est bon !

Modifié 4 Avril 2006 par Julien L.

[bolo]

et si tu créais un bloc div regroupant les trois <dl>, ou mieu une liste <ul> ?

Puis dans les propriétés de ce groupe ( ou liste ) ajouter : "text-align:center;"

J'ai suvi le tuto de Pompage. C'etait plus judicieux le choix des dl et non des ul

http://pompage.net/pompe/listesdefinitions/

[Julien L.]

Vire juste le "float:left;" de dl.gallery

Ca fonctionne de mon côté.

Modifié 4 Avril 2006 par Julien L.

[bolo]

j'ai rajouté un div

mais ca ne centre pas

<div style="text-align:center">
<dl class="gallery">
    <dt><img src="images/vignette_user.jpg" alt="vous êtes un utilisateurs" /></dt>
    <dd>Les utilisateurs</dd>
    <dt>Acheter, trouver ou encore comment utiliser ...Acheter, trouver ou encore comment utiliser ...</dt>
</dl>
<dl class="gallery">
    <dt><img src="images/vignette_distributeur.jpg" alt="vous êtes un utilisateurs" width="159" height="111" /></dt>
    <dd>Les distributeurs</dd>
    <dt>Acheter, trouver ou encore comment utiliser ...</dt>
</dl>
<dl class="gallery">    <dt><img src="images/vignette_marchands.jpg" alt="vous êtes un utilisateurs" width="159" height="123" /></dt>
    <dd>Les distributeurs</dd>
    <dt>Acheter, trouver ou encore comment utiliser ...</dt>
</dl>
</div>

Modifié 4 Avril 2006 par bolo

[Julien L.]

Retire le & retire également le "float:left;" de dl.gallery, je ne peux pas essayer avec un autre navigateur mais ca fonctionne bien sous Opera.

[bolo]

Vire juste le "float:left;" de dl.gallery

Ca fonctionne de mon côté.

<{POST_SNAPBACK}>

mais lorsque tu enlèves float: left; les listes ne sont plus alignées correctement en haut

Deplus ca ne passe plus sur Firefox

Mon idée de centrer n'est pas la bonne. Il faut je trouve un solution afin que l'écart soir proportionnel a la taille du div.

Je ne sais pas si c'est possible

Modifié 4 Avril 2006 par bolo

[Julien L.]

Dernière proposition, puis je donne ma langue au chat :x

_Retire le float:left; de dl.gallery.

_Modifie ta page pour que le premier <dl class='gallery'> devienne :

<dl class='gallery' style='float:left'>

_Modifie ta page pour que le dernier <dl class='gallery'> devienne :

<dl class='gallery' style='float:right'>

Modifié 4 Avril 2006 par Julien L.

[bolo]

celui du milieu ne se replace pas

http://www.independza.com/client/expay/index.html

J'ai fais comme ceci

<dl class='gallery' style='float:left'>
    <dt><img src="images/vignette_user.jpg" alt="vous êtes un utilisateurs" /></dt>
    <dd>Les utilisateurs</dd>
    <dt>Acheter, trouver ou encore comment utiliser ...Acheter, trouver ou encore comment utiliser ...</dt>
</dl>
<dl class='gallery' style='float:right' >
    <dt><img src="images/vignette_distributeur.jpg" alt="vous êtes un utilisateurs" width="159" height="111" /></dt>
    <dd>Les distributeurs</dd>
    <dt>Acheter, trouver ou encore comment utiliser ...</dt>
</dl>
<dl class="gallery" >
<dl >    <dt><img src="images/vignette_marchands.jpg" alt="vous êtes un utilisateurs" width="159" height="123" /></dt>
    <dd>Les distributeurs</dd>
    <dt>Acheter, trouver ou encore comment utiliser ...</dt>
</dl>

ca l'air de presque marché. Car en fait toutes les listes ne sont pas bien alignés en haut

Pour ce dernier problème ca ne touche que SAfari

Sinon sur IE j'ai remarqué que le bandeau et ben il est totalement a gauche.

IE ne supporte pas la position:absolute ?

Modifié 4 Avril 2006 par bolo

[bolo]

J'ai corrigé sur Safari + Camino.

Bon maintenant le dernier point mais pas le plus simple corrigé le problème sur IE.

[Julien L.]

Bonne continuation.