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 :

Problème avec display:inline


Sujet :

CSS

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 77
    Par défaut Problème avec display:inline
    Bonjour,
    je souhaite afficher des images "une à côté de l'autre" j'ai défini ma feuille de style comme suit:

    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
     
    <style>
     .img_bg_mobile {
          width: 49px;
          height: 50px;
          background: url(images/fav.gif);
          background-repeat: no-repeat;
          margin-right: 0px;
          margin-left: 9px;
          display: inline;
          float: left;
        }  
        .img_mobile {
          width: 39px;
          height: 41px;
          padding-top: 9px; 
          padding-left: 10px;
     
        }
    </style>
    j'affiche mes images dans une jsp comme suit:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div class="bloc_470">
                <c:forEach var='logo' items='${requestScope.bddLogoList}' varStatus='j'>
                  <div class="img_bg_mobile"><div class="img_mobile"><img src="<c:out value='${requestScope.repImages}'/><c:out value='${logo.bskName}'/><c:out value='${requestScope.imagesExt}'/>"/></div>
     
    		     </c:forEach>
     
          </div>
    Mon problème est que mes images s'affichent l'une au dessous de l'autre même si j'ai mis display:inline
    je ne vois pas où peut se trouver le pb, si qqn peut m'aider SVP.
    Merci infiniment.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 77
    Par défaut
    LOL c'était con, j'ai oublié de fermer la balise div.
    il manquait le </div>

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

Discussions similaires

  1. Problèmes avec display:inline-block
    Par NewbiePower dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 30/10/2007, 11h34
  2. Design : Problème avec li (inline)
    Par MicaelFelix dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 21/06/2007, 03h46
  3. [CSS] décalage avec Firefox avec display:inline / none
    Par rebolon dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 27/03/2006, 09h17
  4. Petit problèmes avec display list et transformations
    Par Baptiste Wicht dans le forum OpenGL
    Réponses: 5
    Dernier message: 10/02/2006, 17h00
  5. Problème avec les inlines, et block
    Par Oberown dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 16/12/2004, 12h03

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