Bonjour,

je n'arrive pas a expliquer une partie du code que j'ai trouvé ...

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<!-- Code HTML -->
 
<div class="retour">
	<img src="images/fleche_retour.gif" alt="Fleche_retour" />
	<a  href="wait.html">Retour à la page d'accueil</a>
</div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
 
/* positionnement de la classe "retour" dans la page web */
.retour  {position:absolute;top:300px;left:250px;}
 
/* pour le lien hypertexte dans la classe "retour" */
.retour  a {
/* on fait un block d'une certaine taille */
display:block; 
width:250px; 
height:30px; 
 
/* astuce pour virer le texte *a confirmer* */
text-indent:-5000px; 
font-size:0 ; 
line-height:0; 
overflow:hidden; /*??????*/
 
/* enfin on remplace le texte effacé par l'image souhaitée */
background:url(images/retour.gif)
}
 
/* la petite  astuce ce fait ici ^^ */
/* dans ce cas j'utilise une image symétrique de 500px de large*/
/* où les 250 premiers px sont le bouton en noir par exemple*/
/* et les 250 derniers px sont la même image mais avec une couleur différente (ex: gris)*/
.retour  a:hover, .retour  a.actif {background-position:-250px 0}
*j'espère ne pas avoir dit de bêtises dans mes commentaires*


mais je me demande quel est l'intérêt de ces deux lignes
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
font-size:0 ; 
line-height:0;
a réduire la polie a zéro ... quel intéret si on a éjécté le texte a -5000px XD
*la deuxième je sais pas trop a quoi elle sert*


Ensuite le "overflow:hidden", a quoi il sert ??
-> a dire au navigateur que cette zone ne doit pas être modifiée ?

Y a un truc que j'ai pas réussi a faire fonctionner, le a.actif, il est censé garder l'état de mon bouton mais il veut pas... c'est quoi ce a.actif ??