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

  2. P@t@ch0n 
    p{text-align: center}
.alignementDroit{ float: right}
    et
    <p>
   <span class="alignementDroit">texte à droite</span>
   texte centré
</p>
    Pas plus compliqué.
    2. Vic47
      Merci mais en fait je voulais que le texte soit entre des balises <p> donc du coup ça ne va pas...
      2. or3li3n
        Alors voilà la solution!!!

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

        et de rien ;-)
        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 ?
          1. or3li3n
            Voilà une solution:

            <body>

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

            </body>
            1. 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.
              1. or3li3n
                Essai en enlevant le <span> dans un premier temps,

                puis s'il ne s'aligne toujours pas enlèves également le <p>
                1. 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...
                  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 ?
                    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 ?
                  2. 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 !

                    Discussions similaires

                    curriculum vitae
                    boubou 76

                    4 réponses
                    a la place de mon texte, j'ai des carrés
                    ceci

                    26 réponses