Bonjour à tous et un grand merci au super livre de Raphaël sur le CSS2 qui vaut le coup d'être lu !
Je cherche le moyen d'appliquer une couleur de fond sur un élément de type bloc (h1, div) sans pour autant que ce fond prenne toute la ligne, mais juste sur le texte.
Cela est possible en <span> ou en affectant la propriété display: inline; mais alors les titres sont collés au texte et en rajoutant des marges, elles ne sont pas appliqués.
Exemple 1:
La couleur du fond s'arrête prend toute la ligne, ce n'est pas ce que je désire.
Exemple 2:
La couleur du fond s'arrête au niveau du texte, c'est l'effet que je recherche, mais étant donnée que les 2 éléments sont inline, ils sont sur la même ligne, cela me pose problème.
Si quelqu'un avait une bonne proposistion...
Au plaisir de la lire !
Modifié par Juanito (02 Aug 2005 - 13:51)
Je cherche le moyen d'appliquer une couleur de fond sur un élément de type bloc (h1, div) sans pour autant que ce fond prenne toute la ligne, mais juste sur le texte.
Cela est possible en <span> ou en affectant la propriété display: inline; mais alors les titres sont collés au texte et en rajoutant des marges, elles ne sont pas appliqués.
Exemple 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>TEST</title>
<style type="text/css">
h1 { background-color: red;}
p { background-color: yellow;}
</style>
</head>
<body>
<h1>Titre du texte</h1>
<p>Du texte, encore du texte.</p>
</body>
</html>La couleur du fond s'arrête prend toute la ligne, ce n'est pas ce que je désire.
Exemple 2:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>TEST</title>
<style type="text/css">
h1 { background-color: red; display: inline;}
p { background-color: yellow; display: inline;}
</style>
</head>
<body>
<h1>Titre du texte</h1>
<p>Du texte, encore du texte.</p>
</body>
</html>La couleur du fond s'arrête au niveau du texte, c'est l'effet que je recherche, mais étant donnée que les 2 éléments sont inline, ils sont sur la même ligne, cela me pose problème.
Si quelqu'un avait une bonne proposistion...
Au plaisir de la lire !
Modifié par Juanito (02 Aug 2005 - 13:51)
