Mettre 2 paragraphe sur une même ligne HTML
iialban85
Messages postés
8
Statut
Membre
-
iialban85 Messages postés 8 Statut Membre -
iialban85 Messages postés 8 Statut Membre -
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
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 -
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 -
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 ;) -
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 -
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 -
Bonjour,
Essayer ce css:
body div header hgroup h1 { display inline }
si ça marche pas:
<h1 style='display: inline;'>Mi pelicula favorita</h1>
A+ -
Désolé mpmp93 ça ne fonctionne pas
en plus je me suis trompé c'est The social network (h2) et Best radio que je veux mettre sur la même ligne -
