18073 sujets

Questions générales et questions de débutants

Titre à gauche et date à droite ? [résolu]

Salut à tous,

j'aimerais bénéficier de vos conseils
en fait j'aimerais placer dans un titre (h4) une partie de texte à gauche et une à droite...

pour le moment j'ai:
<div="middle"><h4><span class="gauche">gauche</span><span class="droite">droite</span></h4></div>

pour le <h4> je fais:
#middle h4 {blabla: blabla;}
et pour le span ?
j'ai essayé #middle h4 span.gauche
mais cela n'attribue pas de caractéristiques

si quelqu'un à une idée merci
Modifié par ludophil (09 Sep 2005 - 07:35)
Bonjour Ludophil,

Peux-tu éditer ton message pour présenter ton code de manière plus lisible comme préciser dans les règles.
Merci d'avance. Smiley smile
ok...c'est parti !
xhtml:
<div id="middle">
		<h5>Sommaire<span>date du jour<span></h5>
		<p>essai d'écriture de blablabla bla bla</p>
	</div>

et css:
#middle h5 {
	text-align: left;
	padding: 0px 0px 0px 25px;
	line-height: 20px ;
	background: url(../img/car-tit-bl.gif) no-repeat left ;
	/*background: gray;*/
	border-bottom: 1px solid #148;;
	}
#middle h5 span {
	text-align: right;
	}


voilà..je continue à chercher !! mais pour le moment po trouvé...
merci
bon !
j'ai trouvé une solution...dites moi ce que vous en pensez ?
#middle h5 span {
	margin: 0 0 0 250px;
	}

voilà j'ai ajouté une marge gauche de xxx pixels à ma balise <span>...
est ce que cela vous parait être du bidouillage ou est ce orthodoxe ? Smiley smile
merci
désolé...en fait ça ne fonctionne pas ! mon <span> ne vient pas se placer totalement à droite...je n'ai donc toujours pas trouvé de solution
Salut,

Le plus simple je pense est que tu positionnes ton span dans son conteneur


span {
display:block;
position:absolute;
top:0;
right:0;
}


Pour que celà fonctionne il ne faut pas oublier de mettre le conteneur en position:relative;

++
Administrateur
Salut,

Voilà une solution :

<div id="middle">
<h5><span>date du jour</span>Sommaire</h5>
<p>essai d'écriture de blablabla bla bla</p>
</div>


h5 {
text-align: left;
}
h5 span {
float: right;
}
Sujet clos
Aller à