Discussion :

[{F-I}]

Salut à tous,

Je suis en train de coder un webdesign valide en xhtml 1.0 strict et css...

Tout se déroule bien jusqu'à maintenant, je veux faire un truc mais je me sens un peu perdu...

Voici ce qu'il est maintenant :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<div id="contenu">
 
<h2>titre auteur, le 12/07/06</h2>
 
<p>Lorem ipsum no sit altera forensibus, vix e</p>
 
</div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div#contenu
	{
	margin : 0 0 0 155px; 
	padding : 0 15px 0 20px; 
	background : #fff; 
	border-top : 1px solid #000; 
	border-right : 2px solid #000; 
	border-bottom : 1px solid #000; 
	border-left : 2px solid #000; 
	}
 
div#contenu h2
	{
	padding-left : 35px; 
	line-height : 30px; 
	font-size : 1.4em; 
	background : url('mini_ico.gif') no-repeat 0% 100%; 
	color : #000; 
	border-bottom : 1px solid #000; 
	}

Ce que je voulais obtenir c'est qu'il affiche "auteur, le 12/07/06" à droite au même niveau que le "titre", après je saurai me débrouiller pour changer la taille / police / couleur etc...

Je vous remercie de bien vouloir m'aider !
Merci d'avance les amis

[Peut-êtreUneRéponse]

Bonjour, je ne suis pas sur d'avoir compris la question? Qu'appelles-tu "titre"?

Ce que je voulais obtenir c'est qu'il affiche "auteur, le 12/07/06" à droite au même niveau que le "titre"

Si tu veux que ton "auteur, le 12/07/06" soit aligné à droite:

Rajoute:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

text-align: right;

à ton élément h2.

NB: les div devant les identifiants dans ton CSS sont inutiles.

[{F-I}]

Merci de ta réponse,

le "titre" est en fait un petit titre de l'article par ex "Edito", "il était une fois" etc...

Concernant la réponse, cela ne marchera pas parce que cela fait déplacer "titre auteur, le 12/07/06" à droite, or je veux que "titre" reste à gauche et l'autre partie qui soit à droite

Amicalement

PS : ok je vais voir pour les div# inutiles

[{F-I}]

J'ai réussi à résoudre

Edit : non apparement il y a eu des problèmes... bref je n'ai pas toujours réussi

[Bisûnûrs]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div style="width:50%;float:left;text-align:left">Titre</div>
<div style="width:50%;float:left;text-align:right">Auteur Date</div>

[{F-I}]

cela marche merci beaucoup