H1, h2... et display:inline

Bonjour,

Comme beaucoup, pour des raisons évidentes d'esthétisme, je souhaite ne plus avoir de saut de ligne dès que j'utilise certaines balises.
Du coup, je mets des [#]display:inline à tout va.

L'inconvéniant dans tout cela c'est que je dois rajouter des retours à la ligne.

Ex :

a écrit :
<h1>Titre</h1>[#]<br />
<h2>Sous titre</h2>

Existe t'il un moyen simple d'avoir des balises telles que les h1... en "block" avec simplement un retour à la ligne?

Merci par avance pour vos retours.

Patrick

Salut,

il suffit de jouer sur les marges (extérieures & intérieures) de ces éléments.

bonjour,
Ce ne sont pas des saut de ligne mais les marges par default
des navigateurs dont la valeur depend du corp que tu as spécifié
pour tes titres.
Tu dois donc annuler cette marge comme ceci par exemple:

h1,h2,h3 {margin-bottom:0}

Ceci dit, ces marges ont été prévu pour des raisons évidentes de mise
en forme du texte qui implique d'avoir toujours une marge en dessous et
en dessus du titre, donc à utiliser avec parcimonie.
Modifié par Hermann (14 Mar 2007 - 14:33)

OK merci de vos retours.
Je prends note du fait que ce sont des marges et non des "sauts de ligne"

Je teste ca tout à l'heure.
Merci de l'info.

Hors sujet : Quel livre me conseillez vous sur les fondamentaux du CSS?
Je suis développeur PHP mais j'avoue qu'en CSS, je débute à coup de choses pas très standards On voit tellement de choses sur le NET LOL
Merci

http://www.amazon.fr/o/ASIN/2212115709/alsacreations-21

PatrickDuSud a écrit :

Hors sujet : Quel livre me conseillez vous sur les fondamentaux du CSS?
Je suis développeur PHP mais j'avoue qu'en CSS, je débute à coup de choses pas très standards On voit tellement de choses sur le NET LOL
Merci

http://www.amazon.fr/o/ASIN/2212115709/alsacreations-21

Hello,

Le lien que tu as donné me semble très bien

EDIT : sinon, n'oublie pas qu'il existe des Ressources de ce type sur Alsa.
Modifié par Raphael (14 Mar 2007 - 14:55)

OK merci