Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage PHP CSS et formulaire

CSS et formulaire

8 réponses
Avatar
Jérémie Fouché
Bonjour

Jusqu'a présent, je n'avais testé mon site que sur Firefox, mais je commence
à regarder IE ... (pas de trolls)

j'utilisais un CSS (1) de la forme suivante :

texarea {
...
}

input[type=submit] {
...
}

fonctionnant tres bien sous FF. Mais IE ne le prennais pas en compte. Pour
ca, je viens de tester la création d'une classe de type input :
<input type="text" class="input" ... />
<texarea class="input">...</textarea>

CSS (2)
.input {
border: 1px solid black;
width: 200px;
}

Je trouve ca lourd. Y a t'il un moyen de faire quelquechose avec la CSS (1)
compatible avec tous les navigateurs ? Peut etre me suis-je trompé dans la
selection du type d'input.

--

Jérémie
Signaler un problème avec ce contenu

8 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Xavier Robin
Jérémie Fouché a écrit :

Y a t'il un moyen de faire quelquechose avec la CSS (1)
compatible avec tous les navigateurs ?



Oui : IE7 [1] (http://dean.edwards.name/IE7/)

Peut etre me suis-je trompé dans la
selection du type d'input.



Non non pas d'erreur de ta part, c'est juste que IE ne supporte pas les
sélecteurs d'attributs.

Pour s'en convaincre, rien de mieux qu'un tour sur
http://www.westciv.com/style_master/academy/browser_support/ ;-)

Xavier
Avatar
Pierre Goiffon
Xavier Robin wrote:
Pour s'en convaincre, rien de mieux qu'un tour sur
http://www.westciv.com/style_master/academy/browser_support/ ;-)



Excellente page ! Je la garde dans un coin !
Avatar
Xavier Robin
Xavier Robin a écrit :

Pour s'en convaincre, rien de mieux qu'un tour sur
http://www.westciv.com/style_master/academy/browser_support/ ;-)




Oups, désolé j'ai posté trop vite, j'ai oublié de préciser que ces tests
étaient très optimistes, par exemple quand sur la page "backgrounds"
(http://www.westciv.com/style_master/academy/browser_support/background.html)
il est dit que IE6 supporte les background-attachment je ne peux
qu'éclater de rire et rediriger vers la page
http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html où il est
clairement montré que ce n'est pas vraiment le cas...

Le reste du site est de cet acabit, donc à prendre avec prudence, mais
tout de même instructif !

Xavier
Avatar
Thibaut Allender
On 7/12/2004 13:57, Pierre Goiffon wrote :
http://www.westciv.com/style_master/academy/browser_support/ ;-)



Excellente page ! Je la garde dans un coin !



je la trouve plutôt déprimante, moi, cette page :)

--
thibaut allender | freelance | http://capsule.org
Avatar
ASM
"Jérémie Fouché" a ecrit :

je viens de tester la création d'une classe de type input :
<input type="text" class="input" ... />
<texarea class="input">...</textarea>

CSS (2)
.input {
border: 1px solid black;
width: 200px;
}

Je trouve ca lourd. Y a t'il un moyen de faire quelquechose avec la CSS (1)
compatible avec tous les navigateurs ?



Même avec mon bon vieux NC4.5 ?

Peut etre me suis-je trompé dans la
selection du type d'input.



ne sais si c'est moins lourd :

input, textarea { border: 1px solid black; width: 200px; }
#envoi { border-width: 5px; }

<input type="text" ... />
<texarea>...</textarea>
<input type=submit id=envoi ...>

(ça va donner avec les radios et les checkboxes ! )


--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Avatar
J.Trotoux
J'ai trouvé ca sure al page : min-height
ie ne gere pas ca si?
julien
Avatar
Xavier Robin
ASM a écrit :
"Jérémie Fouché" a ecrit :

Je trouve ca lourd. Y a t'il un moyen de faire quelquechose avec la CSS (1)
compatible avec tous les navigateurs ?




Même avec mon bon vieux NC4.5 ?



Et dans Lynx alors ?
Le but est de faire quelque chose de 100% utilisable dans tous les
navigateurs, et de joli dans la majorité.
Alors c'est clair qu'il est important de bien vérifier que ça soit
parfaitement utilisable sans CSS, mais si ça l'est pourquoi se priver ?

J'ajouterais même ce lien :
http://www.alsacreations.com/blog/index.php?2004/06/10/23-defendre-son-bifteck
;-)

Xavier
Avatar
christophe C
J.Trotoux a écrit :
J'ai trouvé ca sure al page : min-height
ie ne gere pas ca si?
julien




oui et non.
En fait, le height de ie fonctionne comme min-heigt. En réalité, IE n'a
pas de vrai height.

--
-> http://batraciens.net/ - "BATRACIENS" : Articles et photos sur
l'élevage et la maintenance des batraciens, aquatiques ou terrestres.
Petites annonces.
-> http://css-astuces.batraciens.net/ - "CSS-ASTUCES" : Trucs et astuces
de codage CSS pour enrichir vos pages Web.
-> http://www.priceminister.com/boutique/batra3 - Je vend mes livres SF
d'occasion.