Discussion :

[Sniper37]

Bonjour,

j'ai modifié le style d'un input type submit,button, en lui attribuant une classe de sorte qu'il s'affiche comme un lien.
voilà la classe:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
input[type="submit"].menu_link,input[type="button"].menu_link {
 
	background-image: none !important;
	background: transparent;
	border: none;
	font-family: verdana, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold !important;
	font-size: 11px;
	border: none !important;
	padding: 2px;
	margin: 2px;
}

ça marche bien sur IE7 et FF mais IE6 ne prend pas en compte le style.

Est ce un problème IE6 ou peut être je dios adapter mon code css??

[Ethyde]

Bonjour,

IE6 ne supporte pas les sélecteurs d'attribut : http://css.developpez.com/tutoriels/...r-css-3/#LII-A

[Sniper37]

Ok merci!!

et il y'a un moyen pour contourner ce problème sous IE6?

je définis un style pour tous les buttons mais pour certain je veux leur appliquer un style particulier.

[Bisûnûrs]

En ne mettant pas les sélecteurs d'attribut :

Code :

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

1
2
input.menu_link,input.menu_link {
}

Il faut aussi faire attention du coup que tes inputs text/radio/checkbox/image n'aient pas cette classe également.
Ou alors, rajouter une classe spécifique aux boutons.

[Ethyde]

Tu peu aussi utiliser un script type IE7.js ( http://code.google.com/p/ie7-js/ ).

[Sniper37]

Tu peu aussi utiliser un script type IE7.js ( http://code.google.com/p/ie7-js/ ).

j'ai testé le script, mais ça n'a pas l'air de fonctionner, j'ai des erreurs javascript dans ma page. De plus, des images en background ne sont pas affichées, il parait qu'il ne règle pas le problème des backround-image avec repeat. C'est bien dommage, ça m'aurait bien aidé à gérer d'autres soucis avec IE6.

J'ai fait comme a dit Bisûnûrs, en y ajoutant (!important), car sinon c'est le code css général du button qui est pris en compte.

Code CSS :

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

1
2
3
4
input.menu_visited {
background-image: none !important;
color:#000000 !important;
}

Merci à vous!

@+