Discussion :

[SpaceFrog]

Pour des raison de facilitation de reférencement naturel, j'essaye d'emuler un bouton avec une balis a ...
Sous Ie aucun souci
Sous firefox .... rien

Code :

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

1
2
3
4
5
6
7
8
9
10
11
	a {border: outset 2px sliver;
	   background-color:silver;
	   padding:5px;
	   text-decoration:none;
	   color: navy;
	   height:20px;
	   width:120px;
	   text-align:center;
	   }
	a:visited {color:navy;}    
	a:hover {  border: inset 2px sliver;}

pourtant au validateur il ne me met pas d'erreur ...

[<romain/>]

un bouton de formulaire?

rajoute un display:block peut-être..

[Commodore]

De toute façon avec IE tout est possible... le pire surtout car il autorise un tas d'erreurs que FireFox ne pardonne pas.
Mais effectivement, je ne vois pas comment ça se fait que ça ne marche pas.
Je vais me pencher sur le problème...

[edit] ben la réponse est donnée. /me abandonne les recherches [/edit]

[titoumimi]

J'ai collé cette feuille de style (juste remplacé les silver, et re-identé) :

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
a {
	border: outset 2px #0099FF;
	background-color:#0099FF;
	padding:5px;
	text-decoration:none;
	color: navy;
	height:20px;
	width:120px;
	text-align:center;
	}
a:visited {
	color:navy;
	}    
a:hover {
	border: inset 2px #0099FF;
	}

avec ce HTML :

Code :

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

Coucou mes petits <a href="#">enfants</a>. &ccedil;a va ???

Et ça marche sous FF... Mais IE semble avoir du mal

[SpaceFrog]

merci romain mais le display block ne change rien sous IE et empire l'affichage sous firefox...

le but état d'avoir un href ...
voyez vous une autre solution ?
j'ai tenté de le mettre dasn un div ...
mais pareil ...

[titoumimi]

Visiblement, ce sont les propriétés width et height qu'il n'aime pas...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
a.SF {
	color: navy;
	background-color:#FF6699;
	text-decoration:none;
	text-align:center;
	padding:5px;
	border: outset 2px #FF6699;
	}
a.SF:hover {
	border: inset 2px #FF6699;
	}
a.SF:visited {
	color:navy;
	}

Marche sur les deux navigateurs.

[SpaceFrog]

le width et le height n'on pas l'air d'influencer firefox ...
par contre ce serait bien plutot en effet le silver qui gêne firefox ...
en remplaçant par C0C0C0 et non par une couleur à vous décoller la rétine ( titou je suis aveugle ... merci titou
ça à l'air de vouloir fonctionner ...
reste juste une différence de hauteur de bouton que je n'arrive pas à résoudre ...
j'ai essayé line-height ...

[SpaceFrog]

bon j'ai passé le display en block et du coup il me prend en compte le width et le height sous ffx ...
y'a juste ue petite diff de taille etnre IE et FFX mais c'est pas genant ...

merci les gars

[<romain/>]

effectivement les balises "en ligne" (enfin une partie) ne peuvent pas avoir de taille défini.