Discussion :

[cladsam]

Bonjour ,

j'essaye de fair eun petit truc simple en CSS:
une liste avec des groupes
- les noms de groupe ont une couleur de fond
- les noms d'Option une couleur de fond plus claire
- la boite de la liste n'a pas de bordure

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
select
{
	border-color: #7374FF;
	border:hidden;}
select optgroup
{
	background:#D6D6D6;
	font-style: italic;
}
option 
{
	background:#F4F4F4;
}

Ca marche sauf pour la bordure. me suis-je trompé dans le border? Ou bien le border:hidden n'est pas applicable à SELECT. Si c'est le cas,comment savoir ce qui est faisable avec telle ou telle balise?

[SpaceFrog]

hidden pour une bordure ... c'est original ...

par contre pourquoi lui donner une couleur si c'est pour la masquer ?

sinon pour la masque ce serait plutot:

Code :

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

border: 0px

...

[cladsam]

hidden pour une bordure ... c'est original ...

Euh oui ca m'a surpris moi ZZZaussi mais le probleme viens d emon editeur CSS, je tape border: il me propose un liste de valeurs dont "Hidden".. alors a tout hasard j'ai essayé croyant que ca masquerait ma bordure.

par contre pourquoi lui donner une couleur si c'est pour la masquer ?

Parceque justement , j'ignorais si ca marchait donc je lui ai donné une couleur pour que, dans le cas ou le hidden ne marche pas, je puisse voire si c'était du au hidden... au quel cas j'aurais au moins eu la bordure avec la couleur, ou du fait d'utiliser border... auquel cas je n'aurais eu aucun changement... et n'ayant eu aucun changement j'en susi arrivé a ma question:
comment savoir ce qu'on peut faire avec telle ou telle balise

sinon pour la masque ce serait plutot:

Code :

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

border: 0px

Merci , hélas, après avoir effectué cette modification, ça ne marche toujours pas : j'ai encore ma liste avec mon horrible grosse bordure pas belle

[dor_boucle]

je crois que pour les formulaires il doit y avoir un truc border-style:hidden ou none....

[SpaceFrog]

il semblerait que le select soit vraiment une exception récalcitrante au css ...

[cladsam]

hidden ou none ... ne marche pas, quant au select récalcitrant AILLE ca m'arrange que moyennement ça

[kiwwi209]

On ne peut effacer les bordures sur un select qu'en faisant un div par dessus... C'est impossible avec les CSS.

[cladsam]

En fait, je n'avais qu'IE 6 sur ce poste, j'ai DL Firefox 1.5 , je me debarasse sans problème de la bordure. Du coup j'en arrive à une version détournée de am première question: comment savoir ce qui est supporté comme valeur sur telle ou telle balise et aussi ce qui est compatible avec tel ou tel navigateur.. parceque si je me fait un site avec une feuille de style et qu'en passant d'un navi a l'autre je vois tout mon boulot gaché ça me démoralise un peu.
Du coup si je pouvais faire du standard (ou pas loin... je me doute qu eje vais pas faire du 100% compatible avec chaque version de chaque navigateur) .. ca m'arrangerait bien

[SpaceFrog]

un div par dessus ?
tu aurais un bout de code en exemple ... ?

[cladsam]

tu aurais un bout de code en exemple ... ?

+1 please

[kiwwi209]

http://www.nanoum.net/blog/10_bordure_liste_select.html

J'étais tombée la-dessus en faisant une recherche sur le sujet. Mais j'l'ai jamais mis en oeuvre par contre...

[cladsam]

Waouw .. tout ca pour ça Je crois que je vais oublier les liste sans bordures pour conserver des listes avec des bords durs...
JE pensais honnetement que ca devait etre jouable sans tout ça

[kiwwi209]

hi hi hi

bah t'as compris pourquoi je ne l'avais pas mis en oeuvre non plus ! 8)

[cladsam]

Oui la c'est sortir le FAMAS pour tuer une mouche en gros c'est lourd et faut super bien visé Bon ben je laisse le post au cas ou par miracle quelqu'un proposerait une solution "plus light" si c'est pas le cas je mettrai un résolu, merci pour vos réponses