[résolu] Probleme pour centrer les photos

Bonjour,

je suis en train de programmer un site en css pour une menuiserie.
http://www.pascal.ritter1.freesurf.fr/projets/bossert/accueil.htm
La plupart des pages contiennent des photos, afin que la mise à jour des photos soit la plus souple possible, je les ai positionné en "flottant" dans le conteneur central de mon site (la bande centrale du milieu chargée de contenir le contenu). Tout marche, mais les photos sont alignée a gauche avec une marge de 20px. J'aimerai qu'elles soint centrer dans la bande centrale. Comment faire?

Toutes mes photos sous chaque page sont formattée par les selecteurs suivants :

.photos {

margin-left : auto;
margin-right : auto;
text-align : center;
}
.photos img {
float : left;

margin-top : 30px;
margin-left : 20px;
margin-bottom : 20px;
border:solid;
border-color:#FFcc00;
border-width:1px;
text-align : center;}

en HTML on aura ça :


<div class="photos">

<img src="photos/photoequipe.jpg" alt="Photographie de l'équipe"/>

<img src="mi4.jpg" width="189" height="486" />
<img src="photos/photoequipe.jpg" width="223" height="132" />
</div>


J'ai déjà essayé plusieurs choses mais je n'y arrive pas.
Merci de votre aide.

Pascal

bonsoir,

Je n'ai pas beaucoup regardé, mais je pense que le float:left; dans " .photos img" te met un peu le bordel.

Lorsque tu met le float, l'image vient automatiquement à la gauche de la photo précédente et la pousse elle meme vers la gauche pour rentrer dans ta colonne.

Essai en enlevant le float-left, deja pour voir ce que cela donne.

ps: je ne voudrais pas me meler de ce qui me regarde pas, mais les popups pub qui s'ouvre sans cesse, c'est obligatoire, c'est dans le contrat? En tout cas c'est pas beau
Modifié par Philippe (14 Dec 2005 - 21:29)

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Merci, effectivement c'est exactement ce qui me faut. J'avais un peu l'esprit trop compliqué.
Pour les popups, je sais, c'est moche, mais mon ancien nom de domain webpascal.com n'est plus, du coup je l'heberge a nouveau chez un hebregeur gratuit temporarairement.

Merci encore

Pascal

je prendrai garde la prochaine fois.
Tellement pressé de trouver une solution à mon problème....

En tout cas j'apprecie le professionnalisme sur ce forum
Modifié par Pascal68bis (15 Dec 2005 - 08:48)

Bonjour,

il doit y avoir méprise, "éditer" concerne le 1er message de ce sujet-ci, pas le prochain ...

A part ça, le Sujet est-il [Résolu]?