Aller au contenu

Sujets conseillés

Posté

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é

Posté
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 ?

Posté (modifié)

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é par Julien L.
Posté
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/

Posté (modifié)

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é par bolo
Posté

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.

Posté (modifié)
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é par bolo
Posté (modifié)

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é par Julien L.
Posté (modifié)

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é par bolo
Posté

J'ai corrigé sur Safari + Camino.

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

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...