Discussion :

[toufou]

Bonjour,
J'ai un souci de mise en page.
Je voudrais tout simplement mettre du texte sur une meme ligne mais avec des styles differents. Mais si j'applique des styles differents, il y a un retour de ligne...

Par exemple dans le code suivant:

Code :

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

<h1>Salut</h1><h2>pseudo</h2>

Salut est pseudo apparaissent sur deux lignes différentes!

Quelle est l'astuce pour les faire apparaitre sur la même ligne?

Bonne journée,
TouFou

[BaBeuH]

Bonjour,

l'une des solutions pour éviter le retour à la ligne entre les 2 balises est de mettre la propriété css "display" des balises h1 et h2 à "inline"

Code :

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

<h1 style="display: inline">Salut</h1><h2 style="display: inline">pseudo</h2>

ou

Code :

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

1
2
3
4
5
6
 
<style type="text/css">
h1 { display: inline }
h2 { display: inline }
</style>
<h1>Salut</h1><h2>pseudo</h2>

Il existe surement d'autres solutions.

A+

[stefany_]

Est-ce que ce doit absolument être un h1 et un h2?? Tu ne peux pas mettre simplement un truc du genre :

Code :

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

<p>Salut <span class="pseudo">Pseudo 1</span></p>

CSS :

Code :

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

1
2
3
4
5
6
7
8
9
p {
   color:#fff;
   font-weight:bold;
}
 
.pseudo {
   color:#ff0;
   font-weight:normal;
}