Discussion :

[asp2p]

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



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

[vttman]

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

[asp2p]

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

[vttman]

Bien sûr
il faut virer toute la partie border c'est bien plus simple,
c'était à titre d'exemple juste ...

[asp2p]

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}

[Muchos]

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.

[asp2p]

si sa te dérange pas bien entendu
est ce que tu aurait une possibilité de me dire comment mettre le code car je débute depuis moins d'une semaines dans le langage de prog stp

[JefReb]

Il y a plein de solutions ...

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
div p:first-child {color:red; }
div p:last-child  {color:blue; }
p {line-height: 1em;}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div>
<p>Produits:</p>
<p>Veuillez choisir le produit que vous souhaitez utilisez</p>
</div>

ou bien en utilisant tout simplement des classes sans avoir à utiliser une div:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
p.rouge {color:red; }
p.bleu {color:blue; }
p {line-height: 1em;}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<p class="rouge">Produits:</p>
<p class="bleu">Veuillez choisir le produit que vous souhaitez utilisez</p>

etc.

[asp2p]

parfait je crois que je vais me servir de la deuxième solution

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
p.rouge {color:red; }
p.bleu {color:blue; }
p {line-height: 1em;}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<p class="rouge">Produits:</p>
<p class="bleu">Veuillez choisir le produit que vous souhaitez utilisez</p>

merci beaucoup