Créer un compte
Connexion

Couleur des Input

Pour créer et répondre aux sujets, vous devez être connecté.
Ce sujet est résolu.
Pages: 1
Auteur Message
Ad00500
16/09/2010 à 19:07:11
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Bonjour,
J'ai intégré le widget livre d'or (de ce site) sur mon site, mais les inputs n'ont pas un beau thème. J'aimerai changer leurs couleurs, ainsi que les champs. Les mêmes que sur une page de démonstration (tout en bas) : http://www.grafikart.fr/demo/wooden/index.html

Quel serait le code CSS nécessaire ?
Merci d'avance.

Ad00500
17/09/2010 à 19:00:50
"Fc Barcelona, Més que Un Club" Ad00500
Membre
(Désolé pour le Double-Post)

Mon problème est résolu, j'ai trouvé, mais par contre, je n'arrive pas à arrondir mon fieldset.
#comments input, #comments textarea{border: 1px solid #000000;background: #C0C0C0;color: #000; padding:3px;-moz-border-radius:5px;}
#comments input[type=submit]{cursor:pointer;}
#comments input:hover, #comments textarea:hover { background:#E0E0E0;    border: 1px solid #000000; }
#comments textarea{width: 590px;}
#comments fieldset{border:solid 1px #e1ded9; -moz-border-radius:5px; background: #FFF; padding:0 10px; margin:0;}

La page en question : http://vocos.hebfree.org/contact.php

Merci d'avance.

Spitfire 95
17/09/2010 à 20:21:35
Spitfire 95
Membre
-moz-border-radius:5px; Déjà, si tu commençais par mettre border-radius:5px; pour que ceux qui n'utilisent pas FF puissent profiter des angles arrondis, ce serrait pas mal.
Côté W3C, pas d'erreur...border-radius existe pour les fieldset ?

Ad00500
17/09/2010 à 20:38:39
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Salut,
Ce code est déjà dans le mien... Regarde ligne 7 ;)
Mais par contre, le fieldset va jusqu'au bout de la largeur...
N'aurais-tu pas un code pour limiter ceci ?
Merci.

ybouane
18/09/2010 à 04:57:58
ybouane
Admin
Bonjour,
Spitfire 95 voulais dire que le code -moz-border... ne fonctionne que sous firefox, et que sous chrome, safari..., il faut utiliser:
-webkit-border-radius:5px; et essaye en ajoutant width:90%; au fieldset.

Cordialement :)

Image
Spitfire 95
18/09/2010 à 07:28:44
Spitfire 95
Membre
Non, ce n'est pas qu'il manque -webkit-border-radius:5px; mais bien border-radius tout seul.
Et -webkit-border-radius:5px; ne sert à rien. Il y a longtemps que Webkit gère le CSS3 (en tout cas, depuis que j'utilise Chrome et border-radius, je n'ai jamais eu besoin du -webkit-

Cordialement.

Ad00500
18/09/2010 à 10:34:25
"Fc Barcelona, Més que Un Club" Ad00500
Membre
Bonjour,
Ah, j'ai enfin trouvé le problème.
Pour les "inputs" de couleur, il faut mettre <div id="comments">Les Inputs...</div>
Mais le "fieldset", je l'avais mis avant cette balise. Je l'ai mis après, et ça marche !

Merci. :)

Pages: 1