Centrer 3 div en même temps.

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Centrer 3 div en même temps.

Message par guilhem_mdg »

Bon voilà. Là, je bloque complètement.
Je voudrais centrer horizontalement 3 images. Chacune étant contenue dans un <div>.

Exemple:
<div class="1"><img src="image1" ... /></div>
<div class="2"><img src="image2" ... /></div>
<div class="3"><img src="image3" ... /></div>

____________________________________
| |
| im1 im2 im3 |
| |
| |

Sans passer par un bloc dans lequel j'insère ces 3 div...

Une idée ?
Cordialement.
Guilhem.
jv2759
Tyrannosaurus Rex
Messages : 4161
Inscription : 12 févr. 2004, 14:29

Message par jv2759 »

Tu as essayer simplement de définir

Code : Tout sélectionner

class1, class2, class3{
	text-align: center; }
Je sais que cela centre, mais je ne sais pas si cela les laisseras les une à coter des autre.

Si ce n'est pas le cas tu peux alors essayer :

Code : Tout sélectionner

class1, class2, class3{
	text-align: center; }
class1, class2{
float:left;
}
class3{
float:none;
}
ou alors peut-être left aussi pour la 3, à vérifier, si cela marche sous ie également car c'est de la merde ie;)
Inscrit sur la liste des abonner absent...
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Mets-les toutes dans un seul div !

Code : Tout sélectionner

<div class="3images">
<img src="img1.png" alt="texte de remplacement (très important)" />
<img src="img2.png" alt="texte de remplacement (très important)" />
<img src="img3.png" alt="texte de remplacement (très important)" />
</div>
et

Code : Tout sélectionner

.3images {
text-align:center;
margin-left:auto;
margin-right:auto;
}
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Message par guilhem_mdg »

Pas bete du tout cette réponse !!
Effectivement cela est bien simple... Mais pourquoi n'y ai-je pas pensé dès le début ??
Merci en tout cas !!
Cordialement.
Guilhem.
rob

div

Message par rob »

un seul div suffira

<div align="center">
<img src= .......><br>
<img src= .......><br>
<img src= .......>
</div>
jv2759
Tyrannosaurus Rex
Messages : 4161
Inscription : 12 févr. 2004, 14:29

Re: div

Message par jv2759 »

rob a écrit :<img src= .......><br>
br pour que les trois image soit à la suite les une des autres???
Inscrit sur la liste des abonner absent...
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Message par guilhem_mdg »

Je pense qu'il a du se tromper... ;-)
Cordialement.
Guilhem.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

En plus align="center" ça fait un peu siècle passé comme balisage :?
jv2759
Tyrannosaurus Rex
Messages : 4161
Inscription : 12 févr. 2004, 14:29

Message par jv2759 »

calimo a écrit :En plus align="center" ça fait un peu siècle passé comme balisage :?
Non c'est l'actualiter ie. Tu n'est pas encore habonner à ce magazine. Tu te rend compte il son entrain d'annoncer une guerre possible avec hitler;)
Inscrit sur la liste des abonner absent...
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 5 invités