[résolu]Bordure sous ie, avec input, select et textarea

salut a tous !

ça va bientot faire un mois que je suis en stage et que je me suis mis vraiment au CSS, et je peut dire que c'est vraiment genial !

Mais il y a un probleme que je n'ais pas reussi a regler, meme si c'est un probleme mineur, c'est rageant !

J'ai cree un formulaire de contact en php avec l'appel d'une classe, il marche correctement, mais j'ai voulu mettre en forme les input,select et textarea pour qu'ils se fondent dans le theme du site.

Sur Firefox, tout marche parfaitement bien, sur Internet Explorer, les bordure n'apparaissent pas...

Pourtant, j'ai mis d'autres bordures sur les input du styleswitcher (dans un autre formulaire) qui elles, s'affichent sur les 2 navigateurs.

Je ne demande a personne de regler mon probleme, mais si quelqu'un aurait juste une idée du pourquoi ce serait bien .

Mon site se trouve a l'adresse suivante :
http://tanguy.swp.fr/decorateur-exterieurs-en-cours/site/

Et voici le css de mise en forme de mon formulaire :
/*--formulaire--*/

#form {
border:none;
margin:0 auto;
width:700px;
}

#form input, select, textarea {
border:0.5px solid #78C1E8;
background-color:#E3F3FA;
color:#1C587A;
font-size:12px;
}

#corpform fieldset {
border:1px solid #393;
font-style:normal;
padding:20px;
}

#corpform legend {
font-weight:bold;
color:#393;
}

#corpform p {
margin-bottom:10px;
}

#corpform fieldset label {
float:left;
width:40%;
text-align:right;
padding-right:20px;
}

#corpform label:hover, #piedform input {
cursor:pointer;
}

#corpform .focus {
background-color:#D9F3D8;
border:0.5px solid #393;
color:#393;
font-size:12px;
}

#corpform .focus option {
background-color:#D9F3D8;
color:#393;
font-size:12px;
}

#corpform .normal {
border:0.5px solid #78C1E8;
background-color:#E3F3FA;
color:#1C587A;
font-size:12px;
}

.fielderror, #rouge {
color:#f00;
}

.fieldreq {
color:#333;
}

#infomessage p {
text-align:right;
}

#piedform input {
text-align:left;
padding:3px 10px;
}

Merci d'avance pour votre aide !
Modifié par t.royere (23 Jan 2007 - 10:29)

ton erreur saute aux yeux

border:0.5px solid #78C1E8;

d'après toi, si je te dis que l'erreur ne vient ni de "solid", ni de la couleur ??
tu sais que le pixel représente un point sur l'écran. et si tu essaye de couper ce point en 2 tu es très fort

bon assez rigolé. En fait le pixel est un entier, tu ne peux pas mettre de nombre réel (1.5, 0.5, 2.3) car c'est une abberation.

donc tu mets 1px et on en parle plus.

il y a d'autres unités en CSS, ce sont des unités relatives et non fixes comme le px et le pt.
ex: em, %

tiens une reference CSS dont je me sert souvent :
http://wiki.media-box.net/documentation/css

J'oubliais aussi, ton bloc préchargement ne sert à rien du tout. Car sous IE et peut etre sous d'autres navigateur, les images contenu dans un bloc qui est en display:none, ne sont pas préchargées

donc une autre technique s'offre à toi, utiliser la technique des portes coulissantes pour les images que tu as.

en gros tu as sur la meme image 2 images (l'effet off et l'effet hover)
et il te suffit juste de faire glisser le background.
ex: http://gatsu.ftp.free.fr/Modele/Menu/menu.html
http://gatsu.ftp.free.fr/Modele/Menu/images/concerts.gif http://gatsu.ftp.free.fr/Modele/Menu/images/contacts.gif
Modifié par Gatsu35 (17 Jun 2006 - 23:06)

lol en voila une belle erreur d'inattention ! J'ai du faire ça quand je suis passe de em a px

en ce qui concerne le prechargement, j'allais repondre que j'ai suivis la methode de Raphael Goetter dans son bouquin "CSS 2 pratique du design web" mais en fait, il le dit dans le livre donc, voila voila

en tout cas ça fait plaisir d'etre aidé rapidement ! Merci beaucoup !