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 :

texte autour d'une image avec ul .


Sujet :

CSS

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut texte autour d'une image avec ul .
    Je me bat depusi ce matin avec un souci d'amignement de texte autour d'une image ...
    l'image est en float left et donc le texte "s'enroule" bien autour.
    Trop bien d'ailleurs car si j'ai un ul dans le texte et que le lis dépassent le bas de l'image, ils ne restent plus alignés verticalement
    J'ai trouvé un début de solution pour firefox en donnant un display table-cell aux ul ...
    le resultat attendu OK sous ffx



    le souci sous IE est que maintenant si l'ul est situé au niveau de l'image il
    passe en dessous ...


    le code html :
    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
    <div id="produit_" class="rubrique cl">L'autre choix de diffusion d'air</div>
            <div id="ficheprod">
            <img src="pics/prods/180x180/PH_GAINES_TEXTILES.JPG" alt="Gaines textiles"/>
                    <div class="desc">La gaine textile est une solution de diffusion d’air qui offre de multiples avantages : <br/><ul><li>pratique</li><li>économique</li><li>performante en termes de confort obtenu</li></ul><br/><br/>
                    La gaine textile permet de réaliser aisément des installations de ventilation, chauffage et climatisation.<br/><br/>
                    La gaine textile est la solution idéale de diffusion de l’air dans les bâtiments de grand volume ou de grande hauteur tels que les zones de production et de stockages dans l’industrie, les surfaces de vente et GMS, les salles polyvalentes, de spectacles et théâtres ainsi que dans les salles de sport et les piscines.<br/>
                    <br/>
                    Systèmes de diffusion disponibles :<br/>
                    <ul>
                            <li>TEXI-SOFT</li>
                            <li>TEXI-PERF</li>
                            <li>TEXI-PULSE</li>
                            <li>TEXI-JET</li>
                    </ul>
                    </div>
            </div>
    </div>
    le css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    .desc { display:inline;}
    .desc ul li {
    	width:100%;
    	}
    .desc div ul {
    	display:table;
    	width:100%;
    	}
    comment peut on avoir le même rendu que ffx sous IE ?
    Images attachées Images attachées   
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

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

Discussions similaires

  1. Mise en page texte autour d'une image
    Par lisa.a dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 11/01/2010, 22h55
  2. HTML: texte autour d'une image
    Par midiweb dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 07/02/2006, 09h35
  3. [HTML]Texte autour d'une image
    Par JiJiJaco dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 23/02/2005, 14h35
  4. Texte autour d'une image
    Par C.M dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 08/12/2004, 10h16

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