Problème d'alignement pour le texte
Vic47
-
Vic47 -
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 !
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
-
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 ! -
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 ? -
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... -
Essai en enlevant le <span> dans un premier temps,
puis s'il ne s'aligne toujours pas enlèves également le <p> -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Les propriétés d'alignement de texte ne s'appliquent que su des types de balises blocs.
Ce qui est logique en soi. -
Voilà une solution:
<body>
<p>Début de ligne</p>
<p class="date" >fin de ligne</p>
</body> -
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 ? -
Alors voilà la solution!!!
<body>
a gauche
<div class="date" >a droite</div>
</body>
et de rien ;-) -
Merci mais en fait je voulais que le texte soit entre des balises <p> donc du coup ça ne va pas...
-
-
p{text-align: center} .alignementDroit{ float: right}et<p> <span class="alignementDroit">texte à droite</span> texte centré </p>
Pas plus compliqué. -
