Discussion :

[firejocker]

Bonjour,

Je suis en train d'essayer de coder proprement (w3c) une page web, dans son contenu j'ai :

Code HTML :

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

1
2
3
4
<div id="donnee">
<p id="nom"><span>TOMASHZ TROTATOSWI</span></p>
<p id="tel"><span>01.12.23.34.45</span></p>
</div>

Je ne vois pas comment ecrire le CSS qui me permettrait de centrer le numero de telephone par rapport au nom (les données changent, donc ce ne doit pas etre en dur a coup de padding ou de margin).

Quelqu'un voit il une solution ?

merci

[Bisûnûrs]

Code :

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

text-align:center;

[firejocker]

non, c'est pas bon comme ca, car le premier <p> est a gauche, et du coup le second est centrer au milieu de la page,

alors, que je voudrais qu'il soit centré sur le premier, pour que cela donne aligné à gauche :



TOMASHZ TROTATOSWI
.....01.12.23.34.45


(en remplacant les . par des espaces)

[cadoudal56]

Centre les deux comme cela invariablement le second sera centré par rapport au premier

@+
cadou
PS : ou passe par un tableau

[firejocker]

mais du coup, je me retrouve avec un les 2 centré sur la page.

Or ce que je veux, c'est que le premier soit aligné a gauche et le second aligné sur le premier.

et je ne peux mettre de taille fixe au container car je ne connais pas la longueur du nom, ce serait restrictif et pour les nom tres longs, j'aurai un mauvais retour à la ligne

En ce qui concerne le tableau, jsuis pas chaud car ... ce serait bypasser le css

[MasterOfChakhaL]

Salut,

Pour adapter la taille au contenu, tu peux passer par un float.

Code html :

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

1
2
3
4
<div id="donnee" style="float:left;">
	TOMASHZ TROTATOSWI
	<p style="text-align:center">01.12.23.34.45</p>
</div>

J'ai fait au plus simple, je te laisse ajouter les subtilités et transférer le contenu des attributs style dans ta feuille de style

[firejocker]

merci bien