Discussion :

[php_de_travers]

Bonjour,

que faut-il pour appliquer des styles à un formulaire ?
ET SURTOUT que faut-il pour les VIRER ?

Je m'explique : je ne sais pas d'où cela vient, mais, j'ai des styles qui s'appliquent automatiquement sur tous mes boutons de formulaires. Exemple : par le bouton standard du navigateur mais un bouton tout plat avec le pointeur flêche au survol !

PS : mon fichier .css ne mentionne nulle part de classe spéciale pour les input.

Qu'est-ce que j'ai fait pour mériter cà ?

[HiRoN]

Salut,

En effet, problème assez bizarre si tu as correctement vérifié les fichiers CSS liés à ta page.
As-tu vérifié que tu n'as pas un style="..." appliqué à tes boutons ? (bien que cela semble gros quand même )
As-tu vérifié qu'un élément parent ne modifie pas le style ? (div entourant tes boutons etc...)
As-tu correctement vidé le cache ?

Navigateur utilisé ?

[php_de_travers]

Plusieurs pistes :

ce problème se présente sur Firefox 2.

Lorsque je clique sur un bouton mal affiché sous FF, l'outil spécial du navigateur pour analyser les css indique :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
* (ligne 3)
 
{
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
}

en fait, mon css contient exactement

Code :

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

* {padding:0; margin:0; border:none;}

Sous IE7 : pas de pb
Sous Opera : même pb que sous FF

==========================

SCOOP ! c'est bien la ligne

Code :

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

* {padding:0; margin:0; border:none;}

qui cochonne tout sous FF et Opera.

Mon souci est que je rajoutais cette ligne pour éviter que les <p></p> ne prennent trop en hauteur, par exemple.
Si vous avez des idées pour obtenir la même chose de manière plus propre sous FF...

[12monkeys]

Bonsoir

Mon souci est que je rajoutais cette ligne pour éviter que les <p></p> ne prennent trop en hauteur, par exemple.
Si vous avez des idées pour obtenir la même chose de manière plus propre sous FF...

As tu essayé :

Code :

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

p { padding:0; margin:0; border:none; }

tout simplement ?

[php_de_travers]

Cette balise fonctionne bien, mais le visuel est calé au pixel près grâce à

*{padding:0 ; margin:0 ; border:none ;}

Il me semble plus facile de rattraper l'affichage des formulaires. Mais ce n'est pas sûr non plus.

A l'avenir, je vais opter pour ta solution, c'est à dire réduire les marges non pas manière automatique mais sur certains éléments seulement.

Merci.