28221 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai chercher dans le forum sans trouver Smiley murf
Code XHTML 1.1

<tr>
   <td class="corpsBarreHaut">
      <span class="corpsChemin">Accueil</span>
      <span class="corpsDate"><script type="text/javascript" src="javascript/date.js"></script></span>
   </td>
</tr>

Code CSS

/* Corps */
   .corpsBarreHaut { position: absolute; top: 12px; left: 268px; width: 530px }
   .corpsChemin { font-size: 10pt; width: 366px; text-align: left }
   .corpsDate { font-size: 10pt; width: 160px; text-align: right }
   .corpsCheminActif { color: black; text-decoration: none }
   .corpsTable { width: 800px }



Ma question est : Smiley ravi
Pourquoi Mozilla ne tien pas compte de text-align: right de la classe .corpsDate ? Smiley decu
ALors que Internet Explorer oui Smiley lol

Y-a-t'il un moyen de lui faire entendre que la date dois coller la droite?

Merci pour les futures réponses Smiley smile
Modifié le 09 Feb 2005 - 10:59
Administrateur
Johann a écrit :

Pourquoi Mozilla ne tien pas compte de text-align: right de la classe .corpsDate ? Smiley decu

Le problème ne vient pas du positionnement absolu de ton conteneur.
Selon moi, c'est le comportement normal : la balise <span> est une balise de type en-ligne, elle n'a donc pas de dimension, et se restreint à la taille de son contenu (son texte).
Donc il ne peut pas y avoir d'alignement de texte dans <span> puisque celui-ci occupe toute la place ! Smiley smile

Johann a écrit :

Y-a-t'il un moyen de lui faire entendre que la date dois coller la droite?

Cela devrait très certainement fonctionner si tu utilisais une balise de type bloc (qui peut avoir des dimensions), par exemple <div> ou <p> dans ton cas.
Alors,

Pour le code

J'ai remplacer:

<span class="corpsChemin">Accueil</span>
<span class="corpsDate"><script type="text/javascript" src="javascript/date.js"></script></span>

Par:

<div class="corpsChemin">Accueil</div>
<div class="corpsDate"><script type="text/javascript" src="javascript/date.js"></script></div>


Pour les CSS

J'ai ajouté à la classe .corpsDate position: absolute; top: 0px; left: 372px

Cela me semblais lourd un autre position: absolute.

Mille merci Smiley biggrin
Pour ma part je trouve ce position:absolute sur une case de tableau surprenant.
Par ailleurs, il me semble que le positionnement d'un contenu dans une case de tableau se fait sur la case elle même. Ceci milite (sauf autres éléments à verser au dossier) pour un code ce genre :
<tr class="corpsBarreHaut">
   <td class="corpsChemin">Accueil</td>
   <td class="corpsDate">
      <script type="text/javascript" src="javascript/date.js"></script>
   </td>
</tr>
Il y a quoi, dans ce javascript qui va écrire (write) la date courante dans un document en XHTML1.1 ? Mmh ?

(non... je ne prépare pas une gueulante, non non Smiley cligne )
Modifié le 09 Feb 2005 - 12:06