Des logos de rubrique dans le CSS [résolu]

Re-bonjour,

Excusez moi d'être très bavard mais comme toujours quand il s'agit de son premier site et que l'on bosse à plein temps dessus, on a un tat de question à poser

Ma question est simple :

Comment mettre un logo de rubrique dans le CSS quand le titre de la rubrique est un hx ? Ceci afin de ne pas avoir cette image qui ne sert à rien (du point de vue du code xhtml). J'ai essayé de l'inclure en background de mon <h2 mais le texte passe au dessus...
Modifié par Samuel Berg (18 Oct 2005 - 15:20)

hello; si le texte passe au-dessus il suffit de rajouter une marge interne (par exemple à gauche) de la taille de ton image, ou légèrement plus.

par exemple

h2 {
background:url(image.gif) no-repeat;
padding-left:50px;
}

Modifié par dew (18 Oct 2005 - 14:48)

C'est pile ce que je cherchais. L'inconvénient c'est que quand le logo est plus grand que la taille du texte (c'est mon cas) il n'y a aucun moyen de résoudre l'affaire : impossible d'aligner verticalemet un texte par rapport au background...

Tans pis je repars avec ma balise <img
Modifié par Samuel Berg (18 Oct 2005 - 15:14)

En fin de compte c'est possible d'arranger un peu ça : un peu d'espace en haut ou en bas de l'image et utiliser les propriétés d'image :

background: url(chemin/image/p.png) top/bottom/baseline/middle left no-repeat;

Modifié par Samuel Berg (19 Oct 2005 - 10:51)

Samuel Berg a écrit :
C'est pile ce que je cherchais. L'inconvénient c'est que quand le logo est plus grand que la taille du texte (c'est mon cas) il n'y a aucun moyen de résoudre l'affaire : impossible d'aligner verticalemet un texte par rapport au background...

Tans pis je repars avec ma balise <img

essaye en plus avec un line-height : [hauteur de ton image]px
Modifié par sane79 (19 Oct 2005 - 15:39)