OVH Cloud OVH Cloud

Marge haute d'un texte dans un bloc

11 réponses
Avatar
lists
Bonjour,

J'ai un problème avec le texte dans un bloc.
Il ne touche pas le haut du bloc.

On peut voir le problème sur le site :
http://www.ens-lyon.fr/asso/orchestre

Le bloc du milieu (j'ai laissé un border noir autours pour que ce soit
apparent) contient le texte. Cependant, on voit qu'il y a un espace
entre le haut du bloc et le haut du texte.

Je ne comprends pas pourquoi.

Comment dois-je faire pour l'enlever ?

Merci

--
R: Parce que ça renverse bêtement l'ordre naturel de lecture!
Q: Mais pourquoi citer en fin d'article est-il si effroyable?
R: Citer en fin d'article
Q: Quelle est la chose la plus désagréable sur les groupes de news?

10 réponses

1 2
Avatar
Thibaut Allender
On 14/10/2005 17:30, Julien Salort wrote :
Comment dois-je faire pour l'enlever ?



il faut régler le margin-top de h2 à 0

--
thibaut allender | http://capsule.org | http://photo.capsule.org
Avatar
ASM
Julien Salort a écrit :
Bonjour,

J'ai un problème avec le texte dans un bloc.
Il ne touche pas le haut du bloc.

On peut voir le problème sur le site :
http://www.ens-lyon.fr/asso/orchestre



tu veux dire çà :

<h2> Week-end d'orchestre </h2>

c'est normal pour un h2 de garder un peu d'air autour
présenté comme çà avec le cadre, çà ne me gène pas

#content h2:first-child { margin-top: 0; }

ou, puisque çà ne fonctionnera pas avec IE :

<h2 style="margin-top:0"> Week-end d'orchestre </h2>

--
Stephane Moriaux et son [moins] vieux Mac
Avatar
lists
ASM wrote:

tu veux dire çà :

<h2> Week-end d'orchestre </h2>



Oui

c'est normal pour un h2 de garder un peu d'air autour
présenté comme çà avec le cadre, çà ne me gène pas

#content h2:first-child { margin-top: 0; }



OK. Ça marche.

Par contre, j'ai aussi un problème avec le texte normal.
Comme ici: http://www.ens-lyon.fr/asso/orchestre/Histoire

J'ai essayé de mettre :
#Content p:first-child { margin-top: 0; }

mais ça ne marche pas...

--
R: Parce que ça renverse bêtement l'ordre naturel de lecture!
Q: Mais pourquoi citer en fin d'article est-il si effroyable?
R: Citer en fin d'article
Q: Quelle est la chose la plus désagréable sur les groupes de news?
Avatar
Thibaut Allender
On 14/10/2005 17:44, ASM wrote :
#content h2:first-child { margin-top: 0; }
ou, puisque çà ne fonctionnera pas avec IE :


[...]

ça ne fonctionnerait avec rien, car il faudrait utiliser
#content:first-child, pour l'instant tu désignes le premier enfant de
h2, et pas de #content

--
thibaut allender | http://capsule.org | http://photo.capsule.org
Avatar
lists
Thibaut Allender
wrote:

ça ne fonctionnerait avec rien, car il faudrait utiliser
#content:first-child, pour l'instant tu désignes le premier enfant de
h2, et pas de #content



Je viens de tester.
#content:first-child {margin-top: 0;}
ne fait rien.

Par contre, avec #content h2:first-child, ça marche.

Je n'ai testé qu'avec Safari.

--
R: Parce que ça renverse bêtement l'ordre naturel de lecture!
Q: Mais pourquoi citer en fin d'article est-il si effroyable?
R: Citer en fin d'article
Q: Quelle est la chose la plus désagréable sur les groupes de news?
Avatar
Thibaut Allender
On 14/10/2005 18:09, Julien Salort wrote :
Je viens de tester.
#content:first-child {margin-top: 0;}
ne fait rien.



je fatigue... la réponse de ASM est bien correcte, first-child indique
"l'élement est un premier enfant" et non pas "le premier enfant de
l'élément"

Par contre, avec #content h2:first-child, ça marche.



ce qui, après réflexion et décantation d'une journée trop chargée, est
logique :)

--
thibaut allender | http://capsule.org | http://photo.capsule.org
Avatar
Thibaut Allender
On 14/10/2005 18:00, Julien Salort wrote :
J'ai essayé de mettre :
#Content p:first-child { margin-top: 0; }

mais ça ne marche pas...



étrange, en effet, mais il vaut de toutes façons mieux utiliser une
class sur le premier <p> tant que IE ne gérera pas first-child

<p class="first">blah blah</p>

et

#Content p.first {margin-top: 0;}

--
thibaut allender | http://capsule.org | http://photo.capsule.org
Avatar
lists
Thibaut Allender
wrote:

#Content p.first {margin-top: 0;}



OK. Tout marche à présent.
Merci à tous pour votre aide.

--
R: Parce que ça renverse bêtement l'ordre naturel de lecture!
Q: Mais pourquoi citer en fin d'article est-il si effroyable?
R: Citer en fin d'article
Q: Quelle est la chose la plus désagréable sur les groupes de news?
Avatar
ASM
Thibaut Allender a écrit :
On 14/10/2005 17:44, ASM wrote :

#content h2:first-child { margin-top: 0; }
ou, puisque çà ne fonctionnera pas avec IE :



[...]

ça ne fonctionnerait avec rien, car il faudrait utiliser
#content:first-child, pour l'instant tu désignes le premier enfant de
h2, et pas de #content



Très cher, pourriez-vous relire la doc ?
http://www.yoyodesign.org/doc/w3c/css2/selector.html#x25

--
Stephane Moriaux et son [moins] vieux Mac
Avatar
Thibaut Allender
On 14/10/2005 21:41, ASM wrote :
Très cher, pourriez-vous relire la doc ?
http://www.yoyodesign.org/doc/w3c/css2/selector.html#x25



Certes, mais vous pourriez aussi relire le fil et mon erratum, très cher :)

--
thibaut allender | http://capsule.org | http://photo.capsule.org
1 2