Avatar billede dallan2007 Nybegynder
17. oktober 2006 - 10:22 Der er 12 kommentarer og
1 løsning

Menu med fed skrift

Hej,

Jeg så fornylig en menu med hhv. fed og kursiv skrift - inde i selve menuen.

Jeg har forsøgt mig på de 3 følgende måder uden held:

<select name="select5" onChange="go(value)">
<option selected><b>Bil</b></option>
<option value="ja">Ja</option>
<option value="nej">Nej</option>
</select>

<select name="select5" onChange="go(value)">
<option selected style="font:bold">Bil</option>
<option value="ja">Ja</option>
<option value="nej">Nej</option>
</select>

<select name="select5" onChange="go(value)">
<option selected style="font-style:bold">Bil</option>
<option value="ja">Ja</option>
<option value="nej">Nej</option>
</select>

Jeg har set det kan lade sig gøre - but how?
Avatar billede karmicmind Nybegynder
17. oktober 2006 - 11:09 #1
<option selected style="font-weight:bold;">Bil</option>

Det hjælper hvis man bruger CSS rigtigt..
Avatar billede jps6kb Novice
17. oktober 2006 - 11:09 #2
Du skal nok prøve:
style="font-weight: bold" i stedet for font-style.

Om det virker på din liste aner jeg ikke, men font-style har følgende: normal | italic | oblique.. altså ikke nogen bold :)
Avatar billede jps6kb Novice
17. oktober 2006 - 11:09 #3
baah! *G*
Avatar billede dallan2007 Nybegynder
17. oktober 2006 - 11:20 #4
Hmm... ja jeg kan ikke få det til at virke. Heller ikke med italic:

<select name="select5" onChange="go(value)">
<option selected style="font-weight:bold;">Bil</option>
<option value="ja">Ja</option>
<option value="nej">Nej</option>
</select>

<select name="select5" onChange="go(value)">
<option selected style="font-weight:italic;">Bil</option>
<option value="ja">Ja</option>
<option value="nej">Nej</option>
</select>
Avatar billede caf Nybegynder
17. oktober 2006 - 12:24 #5
Jeg kan få det til at virke, men det er på alle

<select name="select5" onChange="go(value)" style="font-weight: bold">
<option selected >Bil</option>
<option value="ja">Ja</option>
<option value="nej">Nej</option>
</select>

caf
Avatar billede caf Nybegynder
17. oktober 2006 - 12:46 #6
og så

<select name="select5" onChange="go(value)" style="font-style: italic">
<option selected >Bil</option>
<option value="ja">Ja</option>
<option value="nej">Nej</option>
</select>
Avatar billede dallan2007 Nybegynder
17. oktober 2006 - 13:05 #7
Tak, men desværre misser det lidt pointen.
Avatar billede olebole Juniormester
17. oktober 2006 - 15:38 #8
<ole>

Du kan ikke ændre font-style eller font-weight på enkelte options i IE.

I FF kan man godt, men den er så totalt fucked up, at man kan inkludere billeder, knapper, inputs, tabeller - og sågar hele HTML-sider i et option-element - så der kan alt ske!  :oP

/mvh
</bole>
Avatar billede roenving Novice
17. oktober 2006 - 17:20 #9
-- og prøv evt. at bruge optgroup !-)
Avatar billede dallan2007 Nybegynder
18. oktober 2006 - 11:56 #10
@ole
Jeg fulgte et link på digg.com for et par dage siden, hvor kursiv og fed inde i dropdown blev vist. Om vedkommen i virkeligheden lavede har lavet det som et slags farvet css-style-sheet skal jeg ikke kunne sige. Men det lignede unægteligt en dropdown med fed og kursiv.

Men kender du så en metoder til at gøre menu'en "flad"? Altså ikke 3-diminsional.

@roenving
Øhh..?
Avatar billede olebole Juniormester
18. oktober 2006 - 13:02 #11
Med IE har du med garanti ikke set et select-element, hvor enkelte options har været formateret med bold eller italic ... det kan man ikke  =)

Det, roenving mener, er:

<select>
    <option>Option 1</option>
    <optgroup label="blabla">
        <option>Option 2</option>
        <option>Option 3</option>
    </optgroup>
    <option>Option 4</option>
    <option>Option 5</option>
</select>

- men det er jo noget helt andet
Avatar billede dallan2007 Nybegynder
18. oktober 2006 - 13:36 #12
Ah ja det er nok optgroup som jeg har set. Desværre kan man heller ikke lave det helt som jeg vil havde det med dette. Ja jeg er lidt besværlig :o).

Ole, hvis du smider et svar...
Avatar billede olebole Juniormester
18. oktober 2006 - 15:16 #13
Så trøst dig med, at select-elementet ikke er mindre besværligt  ;D

Netop dette element er lidt et sammenrod af browser og styresystem, så det er desværre ret begrænset, hvad man kan stille op med det. Man kan således heller ikke lave det 2-dimensionelt  :o|
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester