question sur <span> [CSS] - HTML/CSS - Programmation
Marsh Posté le 27-11-2003 à 15:27:04
Et euh... text-align : center; c'est pas un peu mieux que le mélange position : absolute + margin ?
Marsh Posté le 27-11-2003 à 15:29:34
oui pour cet exemple, mais en fait je voulais centrer des champs d'un formulaire. genre
nom
prenom
age
et les inputs centrées en face de chaque élement
Marsh Posté le 27-11-2003 à 15:32:59
En gros, tu veux que toto et élément centré soit aligné ?
Il faut se rapeller que span est un élémént inline donc il se place en absolute à 15em de la fin de l'élément qui le précéde.
Mais dans ce cas là que faire du texte non centré ???
Tu parles de l'utilisation dans le cas d'un formulaire, on peut avoir un peu plus de précision ?
Marsh Posté le 27-11-2003 à 15:37:17
oui je voudrais les aligner. Une solution à part les tableaux ?
Marsh Posté le 27-11-2003 à 15:40:03
bon je voudrais que les input fields nom et prénoms soit centrés
<p>nom:
<span class="centre"><input type="text" name="nom"></span>
</p>
<p>prénom:
<span class="centre"><input type="text" name="prenom"></span>
</p>
Marsh Posté le 27-11-2003 à 15:44:09
centrés par rapport à quoi, et tu le vois comment dans la page, je pense que c'est comme ca :
nom case
prénom case
Marsh Posté le 27-11-2003 à 15:54:27
Je viens de tester une solution qui semble fonctionner, mais en passant par un position absolu dans le paragraphe et en utilisant la propriété left plutôt que margin-left.
De plus j'ai supprimé les span et je n'utilise plus qu'un seul paragraphe.
Code :
|
Code :
|
le #global n'est là que pour vérifier que le décalage continue à fonctionner avec un niveau de bloc supplémentaire
Marsh Posté le 27-11-2003 à 16:15:00
je viens de m'apprecevoir que <input> accepte l'attribut class
donc avec
<input class="centre" type="text" name="login">
et
.centre
{
position:absolute;
margin-left:15em;
}
c'est bon ça marche
merci de l'aide
Marsh Posté le 27-11-2003 à 15:23:14
mon code <span> élément centré </span>ne fonctionne pas.
dans la page le texte du span est collé à celui du paragraphe
Une solution ?
je voudrais que élément centré soit juste sous toto à la méme position x.
fichier html
<p class="centre"> toto</p>
<p>Texte non centré
<span class="centre">élément centré</span>
</p>
fichier css
.centre
{
position : absolulte;
margin-left : 15 em;
}