[Résolu] - Une puce à gauche d'un h2 sous firefox

Bonjour,

Ca fait un moment que je vous lis mais, la, je n'ai pas trouvé la solution à mon problème donc je fais appel à vous !

J'aimerais faire de titres de niveau h2, avec une puce à gauche du titre. (comme dans une liste à puce par exemple)

J'ai fais la css suivante pour essayer d'obtenir ce que je veux :

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0099FF;
	background: url(../images/fleche_bleu.gif) 0 2 no-repeat;
	text-indent: 10px;
	margin: 2px;
}

ca marche nickel sous IE6 par contre sous firefox (1.0.7) impossible d'afficher la puce, seul le texte s'affiche...

Et je n'arrive pas à savoir pourquoi alors votre aide serait la bienvenue !
Modifié par Ahotep (17 Oct 2005 - 15:36)

Essaie ceci, ça marche.
Reste à le modifier de ton côté.

h1 {
font-family:Georgia;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
text-indent:20px;
border-bottom:2px solid #B9B9CE; background-image:url(images/xxxx.gif);
background-position: left;
background-repeat:no-repeat;
}

Modifié par Nigel (13 Oct 2005 - 11:41)

Super ! J'essaie ca de suite !

Bonjour

La syntaxe de ton fragment CSS semble correcte. Il se peut que le défaut provienne de facteurs extérieurs à ce code.

Pourrais-tu fournir un lien vers une page de test ?

Bonjour,

Toujours préciser les unités lorsque la valeur n'est pas nulle :

background: url(../images/fleche_bleu.gif) 0 2[b]px[/b] no-repeat;

yesssssssssssssssss !

ca fonctionne ! il manquait en effet le "px" !!
L'art de se prendre la tete pendant des heures à cause un détail

Donc, pour ceux que ca interresse, ce qui fonctionne chez moi c'est :

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0099FF;
	background: url(../images/fleche_bleu.gif) 0 2px no-repeat;
	text-indent: 10px;
	margin: 2px;
}

Merci à vous trois pour votre aide !!!

a ++++++
Modifié par Ahotep (17 Oct 2005 - 15:35)

Si ton problème est réglé, un petit [Résolu] serait apprécié en éditant ton sujet (le post qui a servi à le créer). Tu pourras en profiter pour baliser correctement ton code avec le BBCode [ code][/code ] (sans les espaces) tel que demandé dans Aide/Règles.

Merci

Voili !