faire marcher des styles css avec IE
Dernière réponse : dans Programmation
Bonjour à tous
j'ai mis en place un fichier css dans lequel je precise un style pour mes textarea. Voici les lignes de code s'y rapportant:
.textarea {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
border: #FFFFFF;
}
Sous firefox y'a pas de problème, ça passe nikel mais par contre IE il veut rien savoir et il ignore ce style css.
Que dois je faire pour qu'il me le prenne ?
merci d'avance.
j'ai mis en place un fichier css dans lequel je precise un style pour mes textarea. Voici les lignes de code s'y rapportant:
.textarea {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
border: #FFFFFF;
}
Sous firefox y'a pas de problème, ça passe nikel mais par contre IE il veut rien savoir et il ignore ce style css.
Que dois je faire pour qu'il me le prenne ?
merci d'avance.
Autres pages sur : marcher styles css
Lassé par la pub ? Créez un compte
Va expliquer ça au 2000 utilisateurs qui vont utiliser l'intranet développé, j'suis sur que y'en aura qui sauront même pas c'est quoi firefox (ça existe j'connais des gens qui utilisent que le navigateur d'AOL......si si j'vous jure)
Donc la solution de ne privilégier que firefox me parait bien utopic
Donc la solution de ne privilégier que firefox me parait bien utopic
Perso j'utilise des css sur tous types de champs formulaires : input, select, textarea.. et ils sont interprétés convenablement sous IE. Je ne pense pas que ton pb provienne du navigateur... Tu devrais donner plus de détails : est ce que le style est ignoré totalement ? ou juste quelques lignes ? as tu essayé avec un autre nom de classe ?
avec IE le style est ignoré totalement
<td><div align="center" >
<textarea class="textarea" name="objet" border="0" cols="25" rows="2" disabled><?php echo $row_rsListeDemande['objet_demande']; ?></textarea></div></td>
voila comment j'appelle ma class css (je rappelle que sous firefox tout va bien) et voila comment le style textarea est defini dans ma classe css
.textarea {
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
border: #FFFFFF;
}
j'ai fais des testes sur une nouvelles page en ne mettant qu'un textarea et en liant le même style css.
IE ne réagit pas du tout alors que firefox le prend bien. j'ai aussi essayé de changé le nom de la classe mais rien n'y fait.
Je m'arrache les cheuveux
<td><div align="center" >
<textarea class="textarea" name="objet" border="0" cols="25" rows="2" disabled><?php echo $row_rsListeDemande['objet_demande']; ?></textarea></div></td>
voila comment j'appelle ma class css (je rappelle que sous firefox tout va bien) et voila comment le style textarea est defini dans ma classe css
.textarea {
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
border: #FFFFFF;
}
j'ai fais des testes sur une nouvelles page en ne mettant qu'un textarea et en liant le même style css.
IE ne réagit pas du tout alors que firefox le prend bien. j'ai aussi essayé de changé le nom de la classe mais rien n'y fait.
Je m'arrache les cheuveux
As-tu essayé un truc de ce style :
- dans le html :
<div class="toto">
<textarea blabla></textarea>
</div>
- dans le css :
.toto textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
border-color:#009999;
border-width:1px;
border-style:solid;
background:#000000;
}
Normalement, le style ne devrait s'appliquer qu'au textarea inclus dans le <div class="toto">.
- dans le html :
<div class="toto">
<textarea blabla></textarea>
</div>
- dans le css :
.toto textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
border-color:#009999;
border-width:1px;
border-style:solid;
background:#000000;
}
Normalement, le style ne devrait s'appliquer qu'au textarea inclus dans le <div class="toto">.
Bon alors maintenant y'a du nouveau.
.textarea {
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background: #FFFFFF;
border: #FFFFFF;
width:240px;
border-width:1px;
border-style:solid;
}
les styles ne s'appliquent que partiellement, à savoir que pour ce qui est de la longueur de latextarea ça s'applique, les bordures blanches s'appliquent aussi mais la couleur du texte reste grise et non noire et la barre de defilement est bloquée.
Sous firefox toujours aucun problème.
Il faudrait que je precise des styles pour les polices a l'interieur de la textarea. J'ai essayé de juste mettre
<div style="color:FFFFFF"><textarea class="textarea"> mais ça ne marche pas pour autant (cette syntaxe ne gène pas firefox)
vous voyez autre chose qui ne colle pas ?
.textarea {
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background: #FFFFFF;
border: #FFFFFF;
width:240px;
border-width:1px;
border-style:solid;
}
les styles ne s'appliquent que partiellement, à savoir que pour ce qui est de la longueur de latextarea ça s'applique, les bordures blanches s'appliquent aussi mais la couleur du texte reste grise et non noire et la barre de defilement est bloquée.
Sous firefox toujours aucun problème.
Il faudrait que je precise des styles pour les polices a l'interieur de la textarea. J'ai essayé de juste mettre
<div style="color:FFFFFF"><textarea class="textarea"> mais ça ne marche pas pour autant (cette syntaxe ne gène pas firefox)
vous voyez autre chose qui ne colle pas ?
si si j'ai essayé ^^ mais ça marche pas non plus.
Toutes les solutions que j'ai essayé pour le moment me font pas planter l'affichage et j'ai pas non plus de messages d'erreurs, on peut donc dire que toutes ces syntaxes sont acceptées par IE et firefox mais seul firefox interprete toutes les options de style que j'ai spécifié.
C'est IE qui les boude -__- (ou alors c'est moi qui suis très con et qui ai pas vu un truc enfantin)
Toutes les solutions que j'ai essayé pour le moment me font pas planter l'affichage et j'ai pas non plus de messages d'erreurs, on peut donc dire que toutes ces syntaxes sont acceptées par IE et firefox mais seul firefox interprete toutes les options de style que j'ai spécifié.
C'est IE qui les boude -__- (ou alors c'est moi qui suis très con et qui ai pas vu un truc enfantin)
Là je ne comprend pas...
Je viens de tester chez moi en créant une page html et un style, et j'obtiens bien les options voulues (les couleurs de bordure, de fond et de texte, la taille de la bordure et la police), que ce soit sous ie ou ff.
Je suppose que tu as relu ton code plusieurs fois, donc là... ça reste un mystère.
Je viens de tester chez moi en créant une page html et un style, et j'obtiens bien les options voulues (les couleurs de bordure, de fond et de texte, la taille de la bordure et la police), que ce soit sous ie ou ff.
Je suppose que tu as relu ton code plusieurs fois, donc là... ça reste un mystère.
Lassé par la pub ? Créez un compte