GNT sans publicité, site mobile, fonctionnalitées exclusives...

Firefox/Internet explorer 8 et CSS

Le
JacK
Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?

Avez vous une piste pour contourner ce problème?

merci
Lire les 12 réponses

Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses Page 1 / 3
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
yamo'
Le #19770271
Salut,
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :

Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?



Firefox puisque ce CSS valide avec juste quelques remarques (12 avertissements).

Il me semble qu'Internet Explorer ne comprenne pas du tout l'attribut
type, il vaudrai mieux utiliser des classes.


Avez vous une piste pour contourner ce problème?



Je pense que sur fr.comp.infosystemes.www.auteurs tu auras plus de
réponses (Copie et FU2).



--
Stéphane
http://pasdenom.info/fortune
yamo'
Le #22050111
Salut,
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :

Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?



Firefox puisque ce CSS valide avec juste quelques remarques (12 avertissements).

Il me semble qu'Internet Explorer ne comprenne pas du tout l'attribut
type, il vaudrai mieux utiliser des classes.


Avez vous une piste pour contourner ce problème?



Je pense que sur fr.comp.infosystemes.www.auteurs tu auras plus de
réponses (Copie et FU2).



--
Stéphane
http://pasdenom.info/fortune
SAM
Le #22050101
Le 7/16/09 7:46 PM, yamo' a écrit :
Salut,
JacK a tapoté, le 16/07/2009 15:35 sur
fr.comp.infosystemes.www.navigateurs :

Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?





IE est bête !
IE est bête !
IE est ... quoi ?

bête

oui !

bravo !

Bon ... peut-être pas tant que ça ? (encore que ...)

Les css comprises par les différents IE :

Les sélecteur d'attributs pour IE :
dont l'exemple '=' :

Et que disent-ils ?
"Attribute selectors are enabled only in standards-compliant mode
(strict !DOCTYPE)."

donc si je comprends bien ... sans doctype "strict" ... macache !

IE et les doctypes :
Liste des doctypes :

IE.8 :

(pas testé, mais il est possible que l'attribut 'type' puisse poser pb)

--
sm
SAM
Le #19771881
Le 7/16/09 3:35 PM, JacK a écrit :
Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?

Avez vous une piste pour contourner ce problème?



Ne pas oublier le bon doctype (strict)
et ça roulera même avec IE.7

Voir réponse sur l'autre NG

--
sm
JacK
Le #19772931
SAM wrote:
Le 7/16/09 3:35 PM, JacK a écrit :
Bonjour,

Les définitions CSS si dessous fonctionne sous Firefoxs mais pas sur
IE8. Serait-ce une mauvaise écriture?


input[type="submit"], input[type="reset"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
border : 2px outset white;
background-color : white;
}
input[type="submit"]:active, input[type="reset"]:active {
border : 2px inset #a6bede;
background-color : #a6bede;
color : black;
}

Qui a raison?

Avez vous une piste pour contourner ce problème?



Ne pas oublier le bon doctype (strict)
et ça roulera même avec IE.7

Voir réponse sur l'autre NG



Bonjour,

En effet c'était le doctype strict qu'il faut utilisé.

merci et bonne journée.
Publicité
Suivre les réponses
Poster une réponse
Anonyme