IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Centrer un bouton sous une photo. [CSS 3]


Sujet :

Centrer un élément en CSS

  1. #1
    Membre à l'essai
    Profil pro
    Lycéen
    Inscrit en
    Juin 2009
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Juin 2009
    Messages : 30
    Points : 23
    Points
    23
    Par défaut Centrer un bouton sous une photo.
    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 html : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Expert éminent
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Points : 9 031
    Points
    9 031
    Par défaut
    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
    Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez moi.
    débutez avec les CSS
    Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS !
    Votez pour les messages qui vous ont aidés...

  3. #3
    Membre à l'essai
    Profil pro
    Lycéen
    Inscrit en
    Juin 2009
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Juin 2009
    Messages : 30
    Points : 23
    Points
    23
    Par défaut
    Merci beaucoup, je vais tester ça.

    Edit: Merci bien, tout fonctionne.

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

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    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>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Créer un bouton sous une condition
    Par cecilouchou dans le forum Langage
    Réponses: 9
    Dernier message: 26/04/2013, 16h18
  2. Bouton parcourir pour mettre une photo
    Par cyjo77370 dans le forum Access
    Réponses: 5
    Dernier message: 09/02/2012, 13h07
  3. [Vxi] Où est le bouton 'Ajouter une sous-requête'?
    Par christelle_p dans le forum Webi
    Réponses: 7
    Dernier message: 09/06/2009, 13h30
  4. cliquer sur bouton présent sous une zone transparente d'une banniere
    Par moustique95 dans le forum Général Conception Web
    Réponses: 3
    Dernier message: 19/06/2008, 15h20
  5. Centrer des boutons sous ff, bords mal affichés souss ie
    Par mLk92 dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 06/11/2007, 16h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo