verschillende styles in SELECT vak - Softwareontwikkeling

maandag 8 oktober 2001 18:25

Acties:

Verwijderd

Topicstarter

Ik heb een select vak met een aantal product-categorien en producten (dus zo'n uitklap-geval zoals rechtsonderaan op deze site bij 'selecteer forum'

)
Schematisch ziet dat er zo uit:

Prod 1
> prod
> prod
Prod 2
> prod
> prod

Nu heb ik in de <SELECT> regel een stylesheet gezet, maar ik wil de 'Prod-kopjes' in italic hebben.

Dit heb ik geprobeerd:

code:

1	<OPTION value="" STYLE="text-weight:italic;">Prod 1<OPTION>

Guess what....werkt niet

Wie kan helpen

maandag 8 oktober 2001 19:47

Acties:

Clay

cookie erbij?

code:

<html>
<head>
<title> New Document </title>
<style>
.eene   {background-color:red;}
.tweje  {background-color:blue;}
</style>
</head>

<body bgcolor="#FFFFFF">

<form>
<select>

<option class="eene"> gehannes
<option class="tweje"> gehannes
<option class="eene"> gehannes
<option class="tweje"> gehannes

</select>
</form>

</body>
</html>

enzo

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

maandag 8 oktober 2001 20:00

Acties:

DeFeCt

je wéét toch

Op maandag 08 oktober 2001 19:47 schreef Clay het volgende:
enzo

Is het nu ook nog mogelijke om de actieve selectie een bepaalde kleur mee te geven?

Flickr

maandag 8 oktober 2001 20:03

Acties:

Dennis

Op maandag 08 oktober 2001 20:00 schreef DeFeCt het volgende:
Is het nu ook nog mogelijke om de actieve selectie een bepaalde kleur mee te geven?

Je kan het proberen via :active, maar weet niet of het werkt.

maandag 8 oktober 2001 23:11

Acties:

r0bert

misschien dat je dmv javascript/dhtml en 'onClick' icm 'this.style' wat kunt beginnen

?

dinsdag 9 oktober 2001 09:55

Acties:

wicher|IA

Op maandag 08 oktober 2001 18:25 schreef salT het volgende:
Dit heb ik geprobeerd:
code:
1
<OPTION value="" STYLE="text-weight:italic;">Prod 1<OPTION>
Guess what....werkt niet

text-weight: italic; gaat natuurlijk nooit werken he

het moet sowieso zijn: text-style: italic; font-style: italic;

dinsdag 9 oktober 2001 10:03

Acties:

Verwijderd

Topicstarter

Op dinsdag 09 oktober 2001 09:55 schreef wicher het volgende:

[..]

text-weight: italic; gaat natuurlijk nooit werken he

het moet sowieso zijn: text-style: italic;

Ah well...ik bedoelde eigenlijk font-weight.
Hoorde later weer van iemand dat het text-weight moest zijn.
En verder vond ik italic aardig in het rijtje van normal en bold passen

Maareh...mensen het werkt nog steeds niet.
Ook niet op de manier van Clay

En ook niet met text-style

Nou hoor ik net dat IE sowieso niet goed (lees: niet) omgaat met styles in een SELECT BOX

Klopt dat

Lijkt me toch sterk dat er geen mogelijkheid is...

dinsdag 9 oktober 2001 10:10

Acties:

wicher|IA

Op dinsdag 09 oktober 2001 10:03 schreef salT het volgende:

[..]

Ah well...ik bedoelde eigenlijk font-weight.
Hoorde later weer van iemand dat het text-weight moest zijn.
En verder vond ik italic aardig in het rijtje van normal en bold passen

Maareh...mensen het werkt nog steeds niet.
Ook niet op de manier van Clay
En ook niet met text-style

F#CK!

het moet dan ook font-style zijn

(font-style is voor italic, font-weight voor bold)

edit:
ik ga nog eens nazoeken of het nou text- of font- was, want ik weet het niet meer zeker

Nou hoor ik net dat IE sowieso niet goed (lees: niet) omgaat met styles in een SELECT BOX
Klopt dat

Dat klopt
maar dat wil niet per se zeggen dat dit niet kan, ik weet het niet...

Lijkt me toch sterk dat er geen mogelijkheid is...

Toch zul je terdege rekening moeten houden met die mogelijkheid

dinsdag 9 oktober 2001 13:24

Acties:

Verwijderd

Topicstarter

Kheb het even met font-weight: bold geprobeerd, omdat we die tenminste zeker weten

Noppes hoor...

dinsdag 9 oktober 2001 13:53

Acties:

Dennis

Volgens mij gaat dit noooooit werken

dinsdag 9 oktober 2001 14:08

Acties:

Verwijderd

Wat Clay poste werkt prima in Mozilla.... Als het lijstje niet uitgeklapt is neemt Mozilla de style van de <select> tag over voor het element dat je ziet. (Lijkt me wel logisch.)

Wat bedoel je met de "actieve"?

dinsdag 9 oktober 2001 14:12

Acties:

Dennis

Op dinsdag 09 oktober 2001 14:08 schreef Arien het volgende:
Wat bedoel je met de "actieve"?

Zal wel de (ff in css uitgelegd) :focus of :active of :hover zijn, oftewel het item in je selectbox waar je over heen gaat of selecteert.

dinsdag 9 oktober 2001 14:19

Acties:

Verwijderd

dennisdotcom: Zal wel de (ff in css uitgelegd) :focus of :active of :hover zijn, oftewel het item in je selectbox waar je over heen gaat of selecteert.

Hmm... dat kan je niet veranderen (en ook dat is op zich wel logisch, al weet ik niet of het volgens de specs wel of niet zou moeten kunnen

).

dinsdag 9 oktober 2001 14:26

Acties:

Dennis

Op dinsdag 09 oktober 2001 14:19 schreef Arien het volgende:
Hmm... dat kan je niet veranderen (en ook dat is op zich wel logisch, al weet ik niet of het volgens de specs wel of niet zou moeten kunnen ).

Lijkt me haast van niet, zou zeer complex voor de browsermakers worden (microsoft zou zelfs een hele control moeten vervangen). En geen enkele browser ondersteunt het momenteel, anders was er vast al wel 1...

dinsdag 9 oktober 2001 14:33

Acties:

Verwijderd

In je select tag kan je wel alles aanpassen... maar het enige wat je aan de options kan veranderen is de background color... Misschien dat je wel via javascript kan zorgen dat ie de css ervan aanpast als je er overheen gaat, maar hoe weet ik niet.

Kijk maar eens hoe ik het heb gedaan bij mijn brakke site... volgens mij kan je veel meer niet aanpassen aan je select vak [wat wel schijnt te kunnen als je op windowsXP draait...]

dinsdag 9 oktober 2001 14:37

Acties:

Dennis

Hmmmm, dit is zeker bijzonder. En de rest werkt dus allemaal niet (in IE) ?

dinsdag 9 oktober 2001 14:43

Acties:

Verwijderd

Tigereye: Het enige wat je aan de options kan veranderen is de background color...

Dacht het niet.

Ik kan bijvoorbeeld prima text vet of cursief maken in een <option>...

Het enige wat ik niet kan is het blauwe van de selectie (met witte letters) vervangen, maar dat lijkt me ook niet de bedoeling.

dinsdag 9 oktober 2001 14:44

Acties:

Dennis

Op dinsdag 09 oktober 2001 14:43 schreef Arien het volgende:
Dacht het niet. Ik kan bijvoorbeeld prima text vet of cursief maken in een <option>...

Bingo !

Dat is wat de topicstarter wil

dinsdag 9 oktober 2001 14:47

Acties:

Verwijderd

dennisdotcom: Dat is wat de topicstarter wil

Gewoon zulke code als die van Clay en het werkt (in Mozilla, in IE 5.5 niet, 6 weet ik niet).

dinsdag 9 oktober 2001 14:49

Acties:

Dennis

Op dinsdag 09 oktober 2001 14:47 schreef Arien het volgende:
Gewoon zulke code als die van Clay en het werkt (in Mozilla, in IE 5.5 niet, 6 weet ik niet).

Maar in 5.5 werkt dus wel de background-color, zou de rest dan ook werken

ff testen....

6 heb ik momenteel ff niet bij de hand helaas

dinsdag 9 oktober 2001 14:51

Acties:

Verwijderd

dennisdotcom: Maar in 5.5 werkt dus wel de background-color, zou de rest dan ook werken

Background-color wel, rest niet.

dinsdag 9 oktober 2001 14:54

Acties:

Dennis

Op dinsdag 09 oktober 2001 14:51 schreef Arien het volgende:
Background-color wel, rest niet.

Correctie: color ook, die dus de lettertype kleur verandert.

dinsdag 9 oktober 2001 15:43

Acties:

Verwijderd

Wie de oplossing heeft, pleur hier je code neer ( test gelijk zelf of het werkt alvorens je gaat hanessen

)

eerlijk gezegd weet ik zelf ook niet hoe het moet

dinsdag 9 oktober 2001 15:49

Acties:

Verwijderd

Op maandag 08 oktober 2001 20:00 schreef DeFeCt het volgende:
Is het nu ook nog mogelijke om de actieve selectie een bepaalde kleur mee te geven?

Als je dat soort shit wil kun je denk ik beter de DHTML-oplossing van Dan Steinman customizen:
http://www.dansteinman.com/dynapi/docs/examples/selectlist1.html

Is meteen een stuk meer browser-compatible...

woensdag 10 oktober 2001 20:12

Acties:

Verwijderd

Topicstarter

Op dinsdag 09 oktober 2001 14:47 schreef Arien het volgende:

[..]

Gewoon zulke code als die van Clay en het werkt (in Mozilla, in IE 5.5 niet, 6 weet ik niet).

In IE6 werkt dit dus voor geen meter...

Hoe dus wel ?