Comment mettre deux titres ou plus sur une même ligne

Fermé

angel_jeroumi Messages postés 50 Date d'inscription lundi 18 août 2014 Statut Membre Dernière intervention 22 septembre 2014 - 26 août 2014 à 21:31
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 - 27 août 2014 à 12:32

salut,
je vais bien mettre trois titres de taille different sur une même ligne avec html 5 et css 3
voici mon code source :

<head>
<title> mon site </title>
<meta charset="utf-8"/>
<style>

body
{
    background-color: black; 
    color: white;
 background-image: url("neige3.jpg");	
  background-repeat: no-repeat;
	}
p
{
    font-size: 100px;
	 font-style: italic;
	 font-weight: bold;
	  text-decoration: underline;
	 text-align: center;
	 color: maroon;
}
.list
{
text-align: left;
}
.propos
{
text-align: right;
}
</style>
</head>
<body>
<div>
<p> Mon site </p>
<h2 class="list"> list </h2>
<h2 class="propos"> à propos </h2>
</div>
</body>
</html>

A voir également:

Mettre des éléments sur la même ligne css
Comment aller à la ligne sur excel - Guide
Partager photos en ligne - Guide
Site de vente en ligne particulier - Guide
Comment se mettre hors ligne sur instagram - Guide
Photoshop elements gratuit - Télécharger - Retouche d'image

4 réponses

Réponse 1 / 4

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
26 août 2014 à 21:46

Bonjour,
Par definition un titre ne peux etre que seul sur une ligne il peut y avoir des sous titres mais pas autre chose sinon ton probleme se gere au niveau du type il faut que tu rajoute dans ton css

h1{
display: inline;
}

et ainsi de suite (exemple:

<head>
<style>
h1,h2,h3{
display: inline;
}</style>
</head>
<h1> hello</h1>
<h2> hello</h2>
<h3> hello </h3>

)
Les titres sont des types block donc un retour a la ligne est obligatoire on les transforme en inline (en ligne, ça porte bien sont nom^^) après il existe le type inline-block qui est un mix entre les deux et je te le laisse le decouvrir.
Pour plus d'info: https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1606402-decouvrez-dautres-techniques-de-mise-en-page
Bonne soirée

Réponse 2 / 4

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
26 août 2014 à 21:33

Réponse 3 / 4

angel_jeroumi Messages postés 50 Date d'inscription lundi 18 août 2014 Statut Membre Dernière intervention 22 septembre 2014
26 août 2014 à 22:34

lorsque j'ai mis

display: inline;

j'ai perdu l'allignement...
comment faire ?

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
26 août 2014 à 23:59

utilise plutot alors le float
<head>
<title> mon site </title>
<meta charset="utf-8"/>
<style>

body
{
background-color: black;
color: white;
background-image: url("neige3.jpg");
background-repeat: no-repeat;
}
p
{
font-size: 100px;
font-style: italic;
font-weight: bold;
text-decoration: underline;
text-align: center;
color: maroon;
}
.list
{
float:left;
}
.propos
{
float:right;
}

</style>
</head>
<body>
<div>
<p> Mon site </p>
<h2 class="list"> list </h2>
<h3 class="propos"> à propos </h3>
</div>
</body>
</html>

angel_jeroumi Messages postés 50 Date d'inscription lundi 18 août 2014 Statut Membre Dernière intervention 22 septembre 2014
27 août 2014 à 00:33

merci mr_demonicon mais ça ne marche pas malheureusement

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
Modifié par mr_demonicon le 27/08/2014 à 00:43

chez moi ca marche ^^ et sur tout mes navigateur (firefox, dragon, explorer et opera)

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
27 août 2014 à 00:43

qu'est ce qui marche pas?

angel_jeroumi Messages postés 50 Date d'inscription lundi 18 août 2014 Statut Membre Dernière intervention 22 septembre 2014
27 août 2014 à 00:45

c'est bizarre ^^
quel navigateur tu as utilisé ?
mr_demonicon est ce qu'une cellule du tableau peut être une image ?

Réponse 4 / 4

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
27 août 2014 à 00:05

j'y crois pas que tu ai encore besoin d'aide

Discussions similaires

Que veut dire "correspondant occupé" lors d'un appel ?

On me voit connecté sur facebook alors que je n'y suis pas

Statut « en ligne » alors que non

Retour à la ligne tchat.