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

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    février 2005
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : février 2005
    Messages : 40
    Points : 34
    Points
    34

    Par défaut nombres d'images sur une lign automatique

    Bonjour,

    J'aimerais afficher une galerie d'image en php avec un commentaire en dessous genre:
    ____________ ____________
    |PHOTOPHOTO| |PHOTOPHOTO|
    |PHOTOPHOTO| |PHOTOPHOTO|
    |PHOTOPHOTO| |PHOTOPHOTO|
    |PHOTOPHOTO| |PHOTOPHOTO|
    |PHOTOPHOTO| |PHOTOPHOTO|
    ------------------ ------------------
    | commentaire| | commentaire|
    ------------------ ------------------ .... .... ...
    Mais voila j'aimerais que les photos reviennent automatiquement à la ligne suivant le nombre et la résolution du type. Sans le commentaire, juste l'image y'a pas de soucis mais lorsque j'ajoute le commentaire, comme j'emploie table ben évidemment la photo revient tout le temps à la ligne.

    Y'aurait-il des éléments qui iraient bien ou genre une astuce avec div ou bien dois-je calculer le bons nombres d'images a afficher sur une ligne par programmation et construire un tableau juste ??!!

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    août 2004
    Messages
    310
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations forums :
    Inscription : août 2004
    Messages : 310
    Points : 393
    Points
    393

    Par défaut

    Avec la propriété float: left sur un div.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    .image {
            float: left;
            margin: 5px;
            border: 1px solid #000000;
            text-align: center;
    }
     
    h5 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            font-weight: normal;
            margin: 0;
    }
    </style>
    </head>
     
    <body>
     
    <div class="image">
      <img src="image.png" alt="image" />
      <h5>commentaire</h5>
    </div>
     
    <div class="image">
      <img src="image.png" alt="image" />
      <h5>commentaire</h5>
    </div>
     
    <div class="image">
      <img src="image.png" alt="image" />
      <h5>commentaire</h5>
    </div>
     
    <div class="image">
      <img src="image.png" alt="image" />
      <h5>commentaire</h5>
    </div>
     
    </body>
    </html>
    En plaçant les div contenant les images dans un div conteneur dans le cas où float: left causerait des problèmes.

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    février 2005
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : février 2005
    Messages : 40
    Points : 34
    Points
    34

    Par défaut

    Yep merci beaucoup c'est exactement ce qu'il me fallait !!!

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

Discussions similaires

  1. faire défiler des images sur une ligne
    Par ploufleouf74 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/09/2010, 19h54
  2. Aligner verticalement une image sur une ligne
    Par Tristan Zwingelstein dans le forum Word
    Réponses: 4
    Dernier message: 24/08/2010, 02h46
  3. Connaitre le nombre d'utilisateur sur une ligne
    Par Wil14 dans le forum Développement
    Réponses: 5
    Dernier message: 28/05/2009, 15h10
  4. Alignement d'une image sur une ligne
    Par Orinfor dans le forum Syntaxe
    Réponses: 2
    Dernier message: 10/08/2008, 22h20

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