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 :

Positionnement d'un image


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Juin 2007
    Messages : 17
    Par défaut Positionnement d'un image
    Bonjour,

    J'ai un paragraphe situé à coté d'une image et je voudrais savoir s'il est possible de positionner ma balise H2 et mon 2e paragraphe en dessous de l'image. Le 1er paragraphe n'étant pas assez long pour dépasser la hauteur de la dite image.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
     
    <h1>Mon titre</h1>
    <img class="News" src="./Images/IMGP0549.png" />
    <p>Bla bla bla</p>
     
    <h2>Mon 2e titre</h2>
    <p>Bla bla bla</p>
    Mon CSS
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    Img.News
    {
    	float :left;
    	margin-right : 5px;
    }
    Merci
    DoOmX

  2. #2
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par défaut
    Salut,

    En appliquant clear:left à h2
    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
     
    <style type="text/css">
    img.News {
    	float:left;
    	margin-right:5px;
    }
    h2.clear {
    clear:left
    }
    </style>
     
    <h1>Mon titre</h1>
    <img class="News" src="./Images/IMGP0549.png" />
    <p>Bla bla bla</p>
     
    <h2 class="clear">Mon 2e titre</h2>
    <p>Bla bla bla</p>

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Juin 2007
    Messages : 17
    Par défaut
    Merci

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

Discussions similaires

  1. positionnement d'une image dans un jpanel
    Par isankem dans le forum AWT/Swing
    Réponses: 3
    Dernier message: 26/06/2007, 23h35
  2. Positionnement Texte dans Image
    Par mulot49 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 26/04/2007, 14h32
  3. Positionnement de deux images
    Par pierreonxbox dans le forum Balisage (X)HTML et validation W3C
    Réponses: 24
    Dernier message: 15/06/2006, 15h46
  4. [CSS] positionnement d'une image
    Par S~C dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 09/06/2006, 09h46
  5. [HTML][débutante] Positionnement fixe d'image
    Par khany dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 08/11/2004, 18h01

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