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 :

Disposer un titre hn et un paragraphe sur la même ligne.


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    49
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 49
    Par défaut Disposer un titre hn et un paragraphe sur la même ligne.
    Bonjour à toutes et à tous....

    je suis en train de me gratter la tête pour trouver un truc qui ne marchera sans doute jamais.

    L'idée c'est de mettre sur la même ligne un titre enserré dans une balise <hn> et le paragraphe qui le suit immédiatement.
    Ni float, ni display:inline ne fonctionnent et là je me retrouve à court d'idées.

    Peut-être est-ce tout simplement impossible.
    Avez-vous un avis, une idée sur la question ?

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

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonjour

    Si si avec float ça fonctionne très bien...

    On peut voir un peu de code...

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    49
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 49
    Par défaut
    Citation Envoyé par 12monkeys Voir le message
    Bonjour

    Si si avec float ça fonctionne très bien...

    On peut voir un peu de code...
    Bonsoir et merci de m'avoir répondu.
    Le bout de code ?
    Le voici :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <h2 class="intro" style="float:left">Lorem ipsum</h2>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
    Chez moi le paragraphe qui suit flotte aussi.

  4. #4
    Membre émérite Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Par défaut
    Chez moi le paragraphe qui suit flotte aussi.
    ben non en fait.
    Qu'est ce que tu veux dire par 'flotte aussi' ??

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    49
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 49
    Par défaut
    Ah ! Merci pour vos réponses.
    Je ne veux pas vous manquer de respect mais je dois partir au bureau de vote pour le dépouillement. Je reviens demain matin.

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

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Voici un exemple fonctionnel :

    Code html : 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
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr-FR">
    <head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    h1, p { margin:0;padding:0; }
     
    h1 {
        float:left;
    }
    </style>
    </head>
     
    <body>
     
    <h1>Titre bal</h1>
     
    <p>paragraphe</p>
     
    </body>
    </html>

Discussions similaires

  1. 2 logos sur la même ligne sur la page de titre
    Par the_reward dans le forum Beamer
    Réponses: 3
    Dernier message: 15/09/2013, 23h55
  2. Réponses: 6
    Dernier message: 05/10/2011, 00h28
  3. Mettre 3 titres sur la même ligne
    Par simplyc dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 25/08/2011, 20h47
  4. Réponses: 14
    Dernier message: 13/08/2010, 10h19
  5. Comment disposer deux formulaires sur la même ligne ??
    Par soad029 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 05/05/2007, 05h14

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