Discussion :

[Gizmil]

Salut,

J'essaye de créer des boutons-image en css mais mes boutons ne s'affichent pas!

Mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="btnLangue1"><a href="home.php" class="btn1"></a></div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
#btnLangue1  {
	float:left;
	width:71px;
	height:27px;
}
.btn1 a{
	background-image:url(images/head_btn_francais_up.gif);
}
.btn1 a:hover{
	background-image:url(images/head_btn_francais_over.gif);
}

[Bisûnûrs]

Mets display:block, width:100% et height:100% sur tes liens.

[Gizmil]

Merci, je vais tester ça... mais pourquoi faire ça? Tu sais développer stp?

[Bisûnûrs]

Le balise a est de type inline, donc si elle ne possède aucun contenu elle ne s'affichera pas, donc ton image de fond non plus (essaie de mettre du texte dedans, tu verras ton image apparaître).

Il faut donc la passer en type block et lui mettre des dimensions.

[Gizmil]

Ma balise est de type inline? Celle-ci? <a>

Mon contener <div> est pourtant de type block...

Edit > Ok, sorry, je viens de comprendre le mécanisme...

J'ai un contener inline dans un contener block...

Je pose des questions sans réfléchir...

Merci pour ton aide!

[Bisûnûrs]

Si c'est résolu, tu sais ce qu'il te reste à faire, dans le cas contraire, qu'est-ce qui te pose problème ?