Probleme bizarre sur relief d'un bouton

**Kara** · 21/07/2005, 11h03

Bonjour,

j'ai un lien-image que je souhaite faire apparaitre avec un effet "bouton".

Je suis donc passé par une feuille de style avec le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
a.relief {
	border-width:6px;
	border-color:lime; 
	border-style:outset;
 
 
}
 
a.relief:hover {
	border: 6px inset lime;
 
}

Et dans ma page le code suivant:

Code :

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

<A align="center" class="relief" href="http://une_page.htm" target="_blank"><IMG hspace="50" src="http://adresse/image.jpg" border="0"></A>

Seulement sous firefox comme sous IE il y a un problême de rendu (chose etrange puisque j'avais essayé sur une page vierge et ca marchait bien et la ca marche pas...)

Alors voila la problême sous IE (en fait c'est en bas y'a quasi pas de relief):

Et sous Firefox c'est pire, le relief encadre pas l'image il fait juste une bande fine:

Alors voilà j'ai essayé pas mal de truc qui on rien donné et la je sollicite votre aide eclairée pasque je vois vraiment pas comment faire (on pourrais dire que sur IE le problême est pas bien grave mais je l'ai vu quand ca marchait bien c'est quand même beaucoup mieu et ca prouve qu'il y a un problême)

Merci d'avance à tous

**ilood** · 21/07/2005, 11h21

Salut,

En fait la balise a est de type inline donc elle ne prend pas les dimensions de ton image. Pour palier ce problème, tu ajoutes dans ton selecteur a.relief

Code :

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

1
2
3
4
5
6
7
8
9
a.relief {
   border-width:6px;
   border-color:lime;
   border-style:outset;
/* ajouts */
   display: block;
   width: 100px; /* largeur de ton image */
   height: 100px; /* hauteur de ton image */
}