Centrer un bouton sous une photo.

Version imprimable

Bonjour, j'aimerais créer une galerie photo mais je n'arrive pas a centrer mes boutons agrandir et rétrécir sous les photos.

Voici mon code:
Code:

1 2 3 4 5 6 7 8 9 10 11 <div id="galerie"> <div id="image1"> <img src="galerie/image2.JPG" alt="Salle du restaurant" style="max-width: "> <div style="text-align: center;"> <form name="form1" method="GET" action="galerie.php"> <input name="im1" type="submit" value="Agrandir";/> <input name="im1" type="submit" value="Rétrécir";/> </div> </form> </div> </div>
Si vous avez besoin, voici mon site et la page concernée: http://www.restaurant-les-terrasses.com

20/06/2009, 13h45
12monkeys

Bonjour

Cela est du au fait qu'un div prend par défaut toute la largeur disponible. Donc tes boutons sont centrés par rapport à la largeur totale du conteneur.

Tu peut fixer une largeur précise à ton div#image1

Merci beaucoup, je vais tester ça.

Edit: Merci bien, tout fonctionne.

Mon code, si quelqu'un a ce problème:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
	<div id="galerie">
		<div id="image1"style="max-width: <?php echo $px1 ?>">
		<img src="galerie/image2.JPG" alt="Salle du restaurant" style="max-width: <?php echo $px1 ?>">
			<div style="text-align: center;">
		<form name="form1" method="GET" action="galerie.php">
		<input name="im1" type="submit" value="Agrandir";/>
		<input name="im1" type="submit" value="Rétrécir";/>
			</div>
		</form>
		</div>
	</div>