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 :

Balises <h5> <h6> qui font un saut de ligne entre les deux texte


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Recherche d'emploi
    Inscrit en
    Janvier 2014
    Messages
    34
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Vendée (Pays de la Loire)

    Informations professionnelles :
    Activité : Recherche d'emploi
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2014
    Messages : 34
    Par défaut Balises <h5> <h6> qui font un saut de ligne entre les deux texte
    Bonjour
    j'ai deux texte dans ma page html qui sont comme ci-dessous

    <p><h5>Produits:</h5><h6>Veuillez choisir le produit que vous souhaitez utilisez</h6></p>

    et dans mon fichier .css j'ai ceci

    h5 {color:red}
    h6 {color:blue}

    le problème c'est que sa me fait un foutu saut de ligne entre.... Produits et Veuillez choisir le produit que vous souhaitez utilisez
    j'aimerais dans le meilleur du possible.. si quelqu'un peut me donner le code css pour viré le saut de ligne afin d'obtenir comme sur l'image ci-dessous à droite

    Nom : saut.jpg
Affichages : 560
Taille : 23,4 Ko

    si quelqu'un peut m'aider car je vois plein de truc mais rien qui correspond ou alors je suis complètement paumé
    merci a vous par avance

  2. #2
    Membre Expert Avatar de vttman
    Homme Profil pro
    Développeur "couteau mosellan"
    Inscrit en
    Décembre 2002
    Messages
    1 140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur "couteau mosellan"
    Secteur : Industrie

    Informations forums :
    Inscription : Décembre 2002
    Messages : 1 140
    Par défaut
    Je cite : "L'élément P correspond à un paragraphe. Il ne peut pas contenir d'éléments de type bloc ..."
    donc en jouant sur le line-height et l'inline-block et en utilisant une balise div ça devrait mieux aller ...
    Voir un exemple ici
    =>
    https://codepen.io/messinmaisoui/pen/LyoOmK

  3. #3
    Membre averti
    Homme Profil pro
    Recherche d'emploi
    Inscrit en
    Janvier 2014
    Messages
    34
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Vendée (Pays de la Loire)

    Informations professionnelles :
    Activité : Recherche d'emploi
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2014
    Messages : 34
    Par défaut
    est ce que je peut viré les cadres rouge et bleu en mettent le border:1px à 0px ?
    car il ne m'intéresse pas ses cadres
    je veut juste que mon simple texte sois sur la même ligne comme ceci Produits: Veuillez choisir le produit que vous souhaitez utilisez

  4. #4
    Membre Expert Avatar de vttman
    Homme Profil pro
    Développeur "couteau mosellan"
    Inscrit en
    Décembre 2002
    Messages
    1 140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur "couteau mosellan"
    Secteur : Industrie

    Informations forums :
    Inscription : Décembre 2002
    Messages : 1 140
    Par défaut
    Bien sûr
    il faut virer toute la partie border c'est bien plus simple,
    c'était à titre d'exemple juste ...

  5. #5
    Membre averti
    Homme Profil pro
    Recherche d'emploi
    Inscrit en
    Janvier 2014
    Messages
    34
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Vendée (Pays de la Loire)

    Informations professionnelles :
    Activité : Recherche d'emploi
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2014
    Messages : 34
    Par défaut
    parfait merci beaucoup tu vient de m'enlever une épine du pied
    merci beaucoup

    une derniere confirmation
    je fait bien comme ceci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div><h5>Produits:</h5> <h6>Veuillez choisir le produit que vous souhaitez utilisez</h6></div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    h5 {color:red; red solid}
    h6 {color:blue; blue solid}
     
    div >h5,div > h6 {display:inline-block}

  6. #6
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    blue solid et son ami sont désormais inutiles puisqu'ils s'appliquaient à BORDER.

    En passant, H6 est une balise de titre. P me semble plus appropriée ici.

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

Discussions similaires

  1. comment faire un saut de ligne entre les balise
    Par 123quatre dans le forum Balisage (X)HTML et validation W3C
    Réponses: 10
    Dernier message: 02/10/2010, 16h21
  2. saut de ligne<tr> aleatoire et text qui se deplace seul
    Par lilington dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 14/05/2009, 03h33
  3. [RegEx] Garder seulement les sauts de ligne entre deux balises
    Par Adjoint dans le forum Langage
    Réponses: 1
    Dernier message: 26/01/2009, 20h56
  4. Réponses: 9
    Dernier message: 23/05/2005, 09h35
  5. [Eclipse 3][Format Source] Sauts de ligne entre attributs
    Par sylvain_2020 dans le forum Eclipse Java
    Réponses: 2
    Dernier message: 25/08/2004, 16h04

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