Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
732 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] question sur <span>

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] question sur <span>

n°577506
scaldan
...
Posté le 27-11-2003 à 15:23:14  profilanswer
 

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;
}

mood
Publicité
Posté le 27-11-2003 à 15:23:14  profilanswer
 

n°577507
Taiche
(╯°□°)╯︵ ┻━┻
Posté le 27-11-2003 à 15:27:04  profilanswer
 

Et euh... text-align : center; c'est pas un peu mieux que le mélange position : absolute + margin ? :??:


---------------
Everyone thinks of changing the world, but no one thinks of changing himself  |  It is the peculiar quality of a fool to perceive the faults of others and to forget his own  |  Early clumsiness is not a verdict, it’s an essential ingredient.
n°577508
scaldan
...
Posté le 27-11-2003 à 15:29:34  profilanswer
 

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

n°577511
Lord II
PIB2000
Posté le 27-11-2003 à 15:32:59  profilanswer
 

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 ?


Message édité par Lord II le 27-11-2003 à 15:35:49
n°577513
scaldan
...
Posté le 27-11-2003 à 15:37:17  profilanswer
 

oui je voudrais les aligner. Une solution à part les tableaux ?

n°577519
scaldan
...
Posté le 27-11-2003 à 15:40:03  profilanswer
 

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>
 
 

n°577527
Lord II
PIB2000
Posté le 27-11-2003 à 15:44:09  profilanswer
 

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


Message édité par Lord II le 27-11-2003 à 15:44:36
n°577531
scaldan
...
Posté le 27-11-2003 à 15:46:02  profilanswer
 

oui c'est tout à fait cela

n°577532
scaldan
...
Posté le 27-11-2003 à 15:46:31  profilanswer
 

mais je ne desire pas utiliser un tableau

n°577553
Lord II
PIB2000
Posté le 27-11-2003 à 15:54:27  profilanswer
 

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 :
  1. <html><body>
  2. <div id="global">
  3. <p id="formulaire">
  4.  <label for="nom">Nom</label>:<input id="nom" type="text" name="nom" /><br />
  5.  <label for="prenom">Prenom</label>:<input id="prenom" type="text" name="prenom" />
  6. </p>
  7. </div>
  8. </body></html>


 

Code :
  1. #global{
  2. position:relative;
  3. width:750px;
  4. margin-left:-375px;
  5. left:50%;
  6. }
  7. #formulaire input {
  8. left:15em;
  9. position:absolute;
  10. }


 
le #global n'est là que pour vérifier que le décalage continue à fonctionner avec un niveau de bloc supplémentaire


Message édité par Lord II le 27-11-2003 à 15:56:22
mood
Publicité
Posté le 27-11-2003 à 15:54:27  profilanswer
 

n°577558
scaldan
...
Posté le 27-11-2003 à 15:57:24  profilanswer
 

merci de ton aide, je vais regarder cela.

n°577581
scaldan
...
Posté le 27-11-2003 à 16:15:00  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] question sur <span>

 

Sujets relatifs
[JS] Une question a propos d'un roll overquestion bete sur les variables globales
question sur la methode post.Question trés simple : transformer une variable en tableau
Question en C++ .NETQuestion Mysql/php
Problem de dimension de tableau en CSS[CSS] padding
[NEW QUESTION] problème de concurrence et de verouillage en Java[CSS] positionnement - IE vs le reste du monde
Plus de sujets relatifs à : [CSS] question sur <span>


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR