Mettre au même niveau un titre et un texte

Fermé
lunagato Messages postés 229 Date d'inscription mercredi 31 octobre 2007 Statut Membre Dernière intervention 2 avril 2013 - 29 janv. 2012 à 15:25
lunagato Messages postés 229 Date d'inscription mercredi 31 octobre 2007 Statut Membre Dernière intervention 2 avril 2013 - 30 janv. 2012 à 12:37
Bonjour,
Je voudrais aligner, c'est à dire mettre sur la même ligne une balise h3 et une balise p comment faire ?
merci d'avance



2 réponses

Utilisateur anonyme
29 janv. 2012 à 16:15
salut,
essaie de le mettre sous cette forme:
<div style="display: inline">
<h3></h3>
<p></p>
</div>
0
lunagato Messages postés 229 Date d'inscription mercredi 31 octobre 2007 Statut Membre Dernière intervention 2 avril 2013 6
29 janv. 2012 à 16:28
je l'ai fait mais mon texte du bas est décalé vers la gauche du coup :
oups désolé, mais, je vens de le faire, mais c'est toujours pareil :
.dernieres_realisations{width:472px;height:auto;margin-top:40px;margin-left :10px;}
.dernieres_realisations img{margin:auto;}
.dernieres_realisations #contener {width:470px;height:auto;margin-top:-10px; border: 2px dotted #718AA3;border-top:none;}
.dernieres_realisations #contener #texte, .dernieres_realisations #contener #texte1, .dernieres_realisations #contener #texte2{margin:auto;width:440px;height:auto;padding-left:10px;border-bottom: 2px dashed #718AA3;margin-top:10px; margin-bottom:10px;}
.dernieres_realisations #contener #texte h3, .dernieres_realisations #contener #texte1 h3, .dernieres_realisations #contener #texte2 h3{font-size:1em; margin-top:0px;color:#88A1B8;float:left;text-shadow: 0px 1px 1px #2a3947;}
.dernieres_realisations #contener #texte p, .dernieres_realisations #contener #texte1 p, .dernieres_realisations #contener #texte2 p{font-size:0.9em;color:#2a3947;}
.dernieres_realisations #contener #texte p a, .dernieres_realisations #contener #texte1 p a, .dernieres_realisations #contener #texte2 p a{font-size:0.9em;color:#718AA3;text-decoration:none;}
.dernieres_realisations #contener #texte p a:hover, .dernieres_realisations #contener #texte1 p a:hover, .dernieres_realisations #contener #texte2 p a:hover{color:#7E91A3;border-bottom:1px dashed #2a3947;}
.dernieres_realisations #contener #texte h3, .dernieres_realisations #contener #texte1 h3, .dernieres_realisations #contener #texte2 h3, .dernieres_realisations #contener #texte p, .dernieres_realisations #contener #texte1 p, .dernieres_realisations #contener #texte2 p{display:inline;}



<div class="dernieres_realisations">
		<img src="images/dernieres_realisations.jpg" alt="les dernières réalisations"/> 
			<div id="contener">
				<div id="texte">	
					<h3>20.01.12 : </h3>
					<p>&nbsp;Réalisations du site <a href="site2/">RestoChezVous</a> lors d'un projet scolaire.</p>
				</div>
				<div id="texte1">	
					<h3>22.01.12 : </h3>
					<p>&nbsp;Mise en ligne du <a href="https://germaingilbert.fr/"> nouveau site.</a></p>
				</div>
				<div id="texte2">	
					<h3>23.01.12 : </h3>
					<p>&nbsp;Réalisations du site <a href="#">Menuiserie Richard.</a> </p>
				</div>
				<br>
			</div>	


	</div>
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
30 janv. 2012 à 10:13
Bonjour,

Si jamais texte, texte1 et texte2 ont les mêmes propriétés, il faut plutôt utiliser les classes, elles sont là pour ça...
Sinon, ammmmmine te disait de mettre la style inline sur la balise div et non sur p.
0
lunagato Messages postés 229 Date d'inscription mercredi 31 octobre 2007 Statut Membre Dernière intervention 2 avril 2013 6
30 janv. 2012 à 12:37
ok merci beaucoup, je vais tester
0