Mettre 2 paragraphe sur une même ligne HTML

Fermé
iialban85 Messages postés 7 Date d'inscription samedi 5 février 2011 Statut Membre Dernière intervention 21 juin 2011 - 18 juin 2011 à 15:06
iialban85 Messages postés 7 Date d'inscription samedi 5 février 2011 Statut Membre Dernière intervention 21 juin 2011 - 21 juin 2011 à 07:52
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


A voir également:

8 réponses

Meoran Messages postés 1562 Date d'inscription vendredi 28 août 2009 Statut Membre Dernière intervention 8 avril 2015 203
18 juin 2011 à 15:17
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
4
iialban85 Messages postés 7 Date d'inscription samedi 5 février 2011 Statut Membre Dernière intervention 21 juin 2011
18 juin 2011 à 15:22
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
0
Meoran Messages postés 1562 Date d'inscription vendredi 28 août 2009 Statut Membre Dernière intervention 8 avril 2015 203
18 juin 2011 à 15:24
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 ;)
0
iialban85 Messages postés 7 Date d'inscription samedi 5 février 2011 Statut Membre Dernière intervention 21 juin 2011
18 juin 2011 à 15:32
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
iialban85 Messages postés 7 Date d'inscription samedi 5 février 2011 Statut Membre Dernière intervention 21 juin 2011
18 juin 2011 à 18:59
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
0
mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
18 juin 2011 à 22:45
Bonjour,

Essayer ce css:

body div header hgroup h1 { display inline }

si ça marche pas:

<h1 style='display: inline;'>Mi pelicula favorita</h1>

A+
0
iialban85 Messages postés 7 Date d'inscription samedi 5 février 2011 Statut Membre Dernière intervention 21 juin 2011
Modifié par iialban85 le 19/06/2011 à 09:48
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
0
iialban85 Messages postés 7 Date d'inscription samedi 5 février 2011 Statut Membre Dernière intervention 21 juin 2011
21 juin 2011 à 07:52
A l'aide !!!!
0