Bonjour,
Alors voilà, je débute totalement en programmation web, j'ai déjà réalisé une grosse partie de mon site sans trop de problème grâce aux différents tutos et à ce forum. Je bloque aujourd'hui sur une des pages.
Alors puisqu'une image vaut mieux qu'un long discours voilà mon problème:
Ce que je veux:
Ce que j'ai:
Voici mon code:
Html:
Code :
- <div id="centre">
- <h2>Composition du bureau</h2>
- <div class="float">
- <img src="images/photo.jpg" alt="Membre" /><br />
- <p>Lucky Luke<br />
- Président<br />
- MSTCF 2</p>
- </div>
- <div class="float">
- <img src="images/photo.jpg" alt="Membre" /><br />
- <p>Obiwan Kenobi<br />
- Vice-Président<br />
- DESS CAAE</p>
- </div>
- <div class="float">
- <img src="images/photo.jpg" alt="Membre" /><br />
- <p>Mario Bros<br />
- Secrétaire<br />
- MSG 2</p>
- </div>
- <div class="float">
- <img src="images/photo.jpg" alt="Membre" /><br />
- <p>Mario Bros<br />
- Secrétaire<br />
- MSG 2</p>
- </div>
- </div>
|
Le css:
Code :
- #centre {
- margin-left: 150px;
- margin-right: 150px;
- border: solid black 1px;
- }
- .float {
- float: left;
- text-align: center;
- margin-left: 10px;
- margin-right: 10px;
- }
|
Et donc j'aimerais que la bordure ne s'arrête pas à <h2> comme c'est le cas avec mon code. Je pourrais passer par un tableau mais je préfère connaître la solution avec des div pour l'instant.
Merci d'avance por votre aide ![;) ;)](https://forum-images.hardware.fr/icones/wink.gif)
Message édité par blazer le 12-10-2005 à 18:56:06