[html/css] caler une ligne de texte tout en haut de la page ? [résolu]

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [html/css] caler une ligne de texte tout en haut de la page ? [résolu]

Gnub

Bonjour !

J'ai, dans une page, une b^^ete ligne de texte. J'aimerai qu'elle se positionne tout en haut de la page, qu'elle touche presque le bord du haut, en fait. J'ai précisé vertical-align : top; dans mon css, mais a priori ça n'a pas d'effet. Je me suis planté quelque part ? :??:

la page en question : http://aulin.free.fr/v2/edito.htm

le css qui s'y rapporte :

Code :

p.edito {
vertical-align:top;
text-align : right;
font-family : arial, sans-serif;
font-size : 9pt;
margin-left : 100pt;
color : #664415;
line-height : 1.45em;
letter-spacing : 0.05em;
}

Message édité par Gnub le 07-06-2003 à 14:22:44

Publicité

simogeo

j'ai jamais tué de chats, ...

moi je le mettrais pas dans un selecteur ( c comme ca qu'on dit ? :whistle: ) mais j'en ferai une classe

Code :

.edito {
vertical-align:top;
text-align : right;
font-family : arial, sans-serif;
font-size : 9pt;
margin-left : 100pt;
color : #664415;
line-height : 1.45em;
letter-spacing : 0.05em;
}
<span class="edito">mon texte en haut</span>

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

gizmo

non, ca n'a rien à voir.

Le vertical-align c'est pour le positionnement au sein d'un élément inline ou d'un tableau.

Si tu veux que ta phrase soit tout en haut de la page, il suffit de la mettre en position absolue, ce qui aura pour effet de la placer (par défaut) au coin supérieur gauche du conteur positionné contenant.

Gnub

simogeo a écrit :

moi je le mettrais pas dans un selecteur ( c comme ca qu'on dit ? :whistle: ) mais j'en ferai une classe

je viens de tester, a priori ça ne marche pas, il y a toujours au moins 30 ou 40 pixels entre le haut et ma ligne de texte :'(

Message édité par Gnub le 07-06-2003 à 13:48:00

Gnub

gizmo a écrit :

ah bonne idée je n'avais pas pensé a ça je teste tout de suite

Gnub

bah ça ne marche pas, et en plus la ligne démare au centre [:gnub]
http://aulin.free.fr/v2/edito.htm

Code :

.edito {
position : absolute;
text-align : right;
vertical-align : top;
font-family : arial, sans-serif;
font-size : 9pt;
margin-left : 100pt;
color : #664415;
line-height : 1.45em;
letter-spacing : 0.05em;
}

simoes

Peut être ???

Code :

margin-top : 1pt;

Gnub

simoes a écrit :

Peut être ???

Code :

margin-top : 1pt;

quand je rajoute ça dans le .css, ma ligne descend d'un pixel :sweat:

gizmo

Ben faudrait savoir ce que tu fais aussi...

je te dis que le vertical-align ne sert à rien et tu le laisse. Et puis dans ton CSS, je vois que tu mets une marge de 50px à ton body...

simoes

Gnub a écrit :

quand je rajoute ça dans le .css, ma ligne descend d'un pixel :sweat:

comment cela descend d'un pixel???

Publicité

simoes

j'avais fais cela il y a longtemps:

Code :

TABLE.pix {
BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid
}
.die {
COLOR: #000000; FONT-FAMILY: verdana; FONT-SIZE: 10px
}
<TABLE cellPadding=0 cellSpacing=0 class=pix width="100%" AlIGN=center>
<TR>
<TD bgColor=#91a6a0 class=die width="100%"> <B>..: Tout savoir sur les bières :..</B></TD>
<TD bgColor=#91a6a0 class=die> <A href="index.php">Home</A>  </TD>
<TD bgColor=#91a6a0 class=die> <A href="index.php?rub=forums">Forums</A>  </TD>
<TD bgColor=#91a6a0 class=die> <A href="index.php?rub=liens">Liens</A>  </TD>
<TD bgColor=#91a6a0 class=die> <A href="index.php?rub=contact">Contact</A>  </TD>
</TR>
</TABLE>

Gnub

gizmo a écrit :

Ben faudrait savoir ce que tu fais aussi...

je te dis que le vertical-align ne sert à rien et tu le laisse. Et puis dans ton CSS, je vois que tu mets une marge de 50px à ton body...

oops [:gnub] ptain chuis con, j'avais mis ca dans le body pour une autre page, sans me rendre compte que ça allais influer sur toutes les autres :sweat: désolé, je suis vraiment un débutant dans ce domaine :'(

Gnub

Ben du coup tout s'arrange, j'ai viré le truc du body merci

simoes a écrit :

j'avais fais cela il y a longtemps:

[...]

en fait le top ce serait la meme chose, mais sans la marge blanche en haut au dessus du tableau vert...

simoes

Gnub a écrit :

Ben du coup tout s'arrange, j'ai viré le truc du body merci

en fait le top ce serait la meme chose, mais sans la marge blanche en haut au dessus du tableau vert...

ben tu modifie le css et voila...

FORUM HardWare.fr

Programmation

HTML/CSS

[html/css] caler une ligne de texte tout en haut de la page ? [résolu]

Sujets relatifs
builder refuse de m'executer une ligne de code !	menus deroulants modifie champ texte (access)
[ XHTML / PHP / W3C ] Validation d'une page de mon forum...	rediriger vers une page après une attente...
impossible de centrer [résolu]	[HTML] niveau de sécurité des type password
[CSS/HTML] Bordures et feuilles de style...[une dernière question]	[JavaScript] un champ de texte non éditable
(Résolu) Comment mettre un bouton (UserForm) sur une feuille excel ?	retour a la ligne de texte dynamique
Plus de sujets relatifs à : [html/css] caler une ligne de texte tout en haut de la page ? [résolu]

Page générée en 0.067 secondes