Problème d'alignement pour le texte

Fermé
Vic47 - 3 sept. 2009 à 18:26
 Vic47 - 20 sept. 2009 à 20:05
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 !

12 réponses

giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
3 sept. 2009 à 18:30
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
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
giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
3 sept. 2009 à 19:11
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
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
or3li3n Messages postés 193 Date d'inscription jeudi 3 septembre 2009 Statut Membre Dernière intervention 22 juin 2011 6
3 sept. 2009 à 19:41
Essai en enlevant le <span> dans un premier temps,

puis s'il ne s'aligne toujours pas enlèves également le <p>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
P@t@ch0n Messages postés 565 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 28 décembre 2009 85
3 sept. 2009 à 19:44
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
or3li3n Messages postés 193 Date d'inscription jeudi 3 septembre 2009 Statut Membre Dernière intervention 22 juin 2011 6
3 sept. 2009 à 19:49
Voilà une solution:

<body>

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

</body>
0
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
or3li3n Messages postés 193 Date d'inscription jeudi 3 septembre 2009 Statut Membre Dernière intervention 22 juin 2011 6
4 sept. 2009 à 02:04
Alors voilà la solution!!!

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

et de rien ;-)
0
Merci mais en fait je voulais que le texte soit entre des balises <p> donc du coup ça ne va pas...
0
or3li3n Messages postés 193 Date d'inscription jeudi 3 septembre 2009 Statut Membre Dernière intervention 22 juin 2011 6
5 sept. 2009 à 08:57
Je n'ai pas trouvé de solution avec <p>,DÉSOLÉ...
0
P@t@ch0n Messages postés 565 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 28 décembre 2009 85
5 sept. 2009 à 10:51
p{text-align: center}
.alignementDroit{ float: right}
et
<p>
   <span class="alignementDroit">texte à droite</span>
   texte centré
</p>
Pas plus compliqué.
0
Ok très bien merci !
0