Mettre 2 paragraphe sur une même ligne HTML
iialban85
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
iialban85 Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
iialban85 Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je voudrai savoir comment mettre 2 paragraphes sur une même ligne HTML
Voici mon fichier HTML :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=no">
<title>Alban's site</title>
</head>
<body>
<div="wrapper">
<header>
<hgroup>
<h1>Mi pelicula favorita</h1>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css best film.css" />
</hgroup>
</header>
<aside id="global">
<nav>
<ul>
<br><li><a href="accueil.html"><font face="Comic Sans MS"><font color="#000000">Accueil</font></font></a></li>
<li><a href="clip starstylers.html"><font face="Comic Sans MS"><font color="#000000">Clip: Starstylers</font></font></a></li>
<li><a href="video jet.html"><font face="Comic Sans MS"><font color="#000000">Video jet</font></font></a></li>
<div id="gauche"><li><a href="best film.html"><font face="Comic Sans MS"><font color="#000000">Best film</font></font></a></li></div>
<li><a href="best radio.html"><font face="Comic Sans MS"><font color="#000000">Best radio</font></font></a></li>
<li><a href="remi gaillard.html"><font face="Comic Sans MS"><font color="#000000">Remi Gaillard</font></font></a></li>
</ul>
</nav>
</aside>
<h2>The social network :</h2>
<h4><center><object style="height: 390px; width: 640px"><param name="movie" value="http://www.youtube.com/v/ipJ4T4SF63Y?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/ipJ4T4SF63Y?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></object></center></h4>
Je voudrai mettre Mi pelicula favorita (H1) sur la même ligne que Best radio (<li>)
Merci de me répondre
Je voudrai savoir comment mettre 2 paragraphes sur une même ligne HTML
Voici mon fichier HTML :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=no">
<title>Alban's site</title>
</head>
<body>
<div="wrapper">
<header>
<hgroup>
<h1>Mi pelicula favorita</h1>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css best film.css" />
</hgroup>
</header>
<aside id="global">
<nav>
<ul>
<br><li><a href="accueil.html"><font face="Comic Sans MS"><font color="#000000">Accueil</font></font></a></li>
<li><a href="clip starstylers.html"><font face="Comic Sans MS"><font color="#000000">Clip: Starstylers</font></font></a></li>
<li><a href="video jet.html"><font face="Comic Sans MS"><font color="#000000">Video jet</font></font></a></li>
<div id="gauche"><li><a href="best film.html"><font face="Comic Sans MS"><font color="#000000">Best film</font></font></a></li></div>
<li><a href="best radio.html"><font face="Comic Sans MS"><font color="#000000">Best radio</font></font></a></li>
<li><a href="remi gaillard.html"><font face="Comic Sans MS"><font color="#000000">Remi Gaillard</font></font></a></li>
</ul>
</nav>
</aside>
<h2>The social network :</h2>
<h4><center><object style="height: 390px; width: 640px"><param name="movie" value="http://www.youtube.com/v/ipJ4T4SF63Y?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/ipJ4T4SF63Y?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></object></center></h4>
Je voudrai mettre Mi pelicula favorita (H1) sur la même ligne que Best radio (<li>)
Merci de me répondre
A voir également:
- Mettre 2 paragraphe sur une même ligne HTML
- Partager photos en ligne - Guide
- Chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit - Guide
- Mètre en ligne - Guide
- Editeur html - Télécharger - HTML
- Avoir 2 comptes whatsapp sur le même téléphone - Guide
8 réponses
En css, à appliquer sur tes deux balises de paragraphes : display : inline;
Un peu de documentation : http://www.ultra-fluide.com/ressources/xhtml/block-inline.xhtml
Un peu de documentation : http://www.ultra-fluide.com/ressources/xhtml/block-inline.xhtml
Merci Meoran,
Mais où je place les balices, voici mon css :
a
{
text-align: right;
font-size: 18px;
margin: 0;
}
h1
{
font-size : 60px;
text-align: right;
font-family : Covered By Your Grace;
font-weight: bold;
text-decoration: overline;
text-decoration: underline;
color: rgb(153,32,2);
background-color : rgb(9,251,251);
}
h2
{
font-size: 32px;
font-family: Shadows Into Light;
color: rgb(215,28,168);
text-align: center;
text-decoration: underline;
margin: 0;
}
h3
{
font-size: 24px;
font-family: La Belle Aurore;
color: rgb(249,128,6);
text-align: center;
margin: 0;
}
h4
{
margin: 0
}
Merci
Mais où je place les balices, voici mon css :
a
{
text-align: right;
font-size: 18px;
margin: 0;
}
h1
{
font-size : 60px;
text-align: right;
font-family : Covered By Your Grace;
font-weight: bold;
text-decoration: overline;
text-decoration: underline;
color: rgb(153,32,2);
background-color : rgb(9,251,251);
}
h2
{
font-size: 32px;
font-family: Shadows Into Light;
color: rgb(215,28,168);
text-align: center;
text-decoration: underline;
margin: 0;
}
h3
{
font-size: 24px;
font-family: La Belle Aurore;
color: rgb(249,128,6);
text-align: center;
margin: 0;
}
h4
{
margin: 0
}
Merci
Sur (au moins) tes deux <p>.
Donc si tu veux mettre tout tes paragraphes se suivent :
p {
display : inline;
}
soit juste sur ces deux là :
.suivre {
display : inline;
}
ET dans ton html :
<p class="suivre">
sur tout les paragraphes que tu veux qu'ils se suivent ;)
Donc si tu veux mettre tout tes paragraphes se suivent :
p {
display : inline;
}
soit juste sur ces deux là :
.suivre {
display : inline;
}
ET dans ton html :
<p class="suivre">
sur tout les paragraphes que tu veux qu'ils se suivent ;)
Le problème, c'est que Best radio sur mon html est regroupé avec d'autre (sur css "a") mais moi je veux que Best radio et Mi pelicula favorita sur la même ligne donc comment je fais peux-tu me mettre un exemple avec mes documents que j'ai fournis svp
Merci
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Meoran, J'ai essayé ce que du ma dit de faire mais ça ne fonctionne pas,
tu pourrai me faire un exemple avec mon css à moi pour que je comprenne svp
tu pourrai me faire un exemple avec mon css à moi pour que je comprenne svp
Bonjour,
Essayer ce css:
body div header hgroup h1 { display inline }
si ça marche pas:
<h1 style='display: inline;'>Mi pelicula favorita</h1>
A+
Essayer ce css:
body div header hgroup h1 { display inline }
si ça marche pas:
<h1 style='display: inline;'>Mi pelicula favorita</h1>
A+
