Problème d'alignement pour le texte

Vic47 -  
Bonjour,

Voici les codes que j'ai :

Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test;</title>
<link href="../test.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p>Début de ligne <br />
<span class="date">fin de ligne</span></p>
</body>
</html>

Et le code dans test.css :
@charset "iso-8859-1";
.date {
text-align: right;
}

Et je ne comprends pas pourquoi avec ces codes le bout de texte "fin de ligne" ne s'aligne pas à droite de la page mais reste à gauche.

Si quelqu'un à une idée, merci d'avance !
Configuration: Windows XP
Safari 530.5

12 réponses

  1. giheller
    Bonsoir,
    une première vérification test.css est-il bienun répertire au dessus du fichier contenant le code html ?
    un deuxième truc : changer date par toto, des fois qu'il confonde !
    0
    1. Vic47
      Oui test.css est bien un répertire au dessus du fichier contenant le code html, en fait j'avais mis d'autre style pour "date" qui eux fonctionnaient (comme font-size: 12px;).

      Désolé, je ne sais pas modifier le message que j'ai posté donc je ne peux pas changer date en toto.

      D'autre questions ?
      0
      1. giheller
        le changement n'est pas à faire dans le message mais dans le css, mais si d'autres attributs fonctionnent il faut chercher ailleurs.

        avez-vous essayé en enlevant le @charset ?

        y a-t-il d'autre déclarations avant ?
        0
    2. Vic47
      En fait pour être sûr j'ai testé avec les codes tels que je les ai mis sur ce forum. Il n'y a donc pas d'autre déclaration.

      Oui j'ai essayé en enlevant @charset et ça ne change rien.

      Je ne vois vraiment pas pourquoi ça ne marche pas...
      0
      1. or3li3n
        Essai en enlevant le <span> dans un premier temps,

        puis s'il ne s'aligne toujours pas enlèves également le <p>
        0
        2. P@t@ch0n
          Les propriétés d'alignement de texte ne s'appliquent que su des types de balises blocs.

          Ce qui est logique en soi.
          0
          1. or3li3n
            Voilà une solution:

            <body>

            <p>Début de ligne</p>
            <p class="date" >fin de ligne</p>

            </body>
            0
            1. Vic47
              Merci pour vos réponses.

              En ce qui concerne la solution d'or3li3n :
              <body>
              <p>Début de ligne</p>
              <p class="date" >fin de ligne</p>
              </body>

              Ca marche mais du coup le problème c'est qu'il y a un saut de ligne entre les deux. Or je voudrais qu'il n'y ait qu'un simple retour à la ligne. C'est possible ?
              0
              1. or3li3n
                Alors voilà la solution!!!

                <body>
                a gauche
                <div class="date" >a droite</div>
                </body>

                et de rien ;-)
                0
                1. Vic47
                  Merci mais en fait je voulais que le texte soit entre des balises <p> donc du coup ça ne va pas...
                  0
                  1. or3li3n
                    Je n'ai pas trouvé de solution avec <p>,DÉSOLÉ...
                    0
                    1. P@t@ch0n 
                      p{text-align: center}
.alignementDroit{ float: right}
                      et
                      <p>
   <span class="alignementDroit">texte à droite</span>
   texte centré
</p>
                      Pas plus compliqué.
                      0

                      Discussions similaires

                      curriculum vitae
                      boubou 76

                      4 réponses
                      Excel formule : savoir si une cellule contient partie texte
                      plunderer007

                      14 réponses