webForumDet fria alternativet

Select med bilder?

HTML & CSSur HTML, XHTML & CSS

9 svar · 357 visningar · startad av Meng

Medlem sedan feb. 2003549 inlägg
Frågan#1

Kan man göra en selectbox med bilder istället för text?

t ex.
[KOD]
<select>
<option value="1"><img src="1.gif">
<option value="2"><img src="2.gif">
<option value="3"><img src="3.gif">
<option value="4"><img src="4.gif">
</select>
[KOD]

Medlem sedan dec. 20042 245 inlägg
#2

Nope, OPTION får bara innehålla text. Däremot kan du ange bakgrundsbilder på dem med CSS. :)

Medlem sedan feb. 2003549 inlägg
#3

Najs ska jag prova.. finns det nåt sätt att ha ett tabell fält precis som radios där man klickar på en så hela tabellen byter färg och förblir sådan?

Medlem sedan feb. 2003549 inlägg
#4

Får det inte att fungera

<select name="status">
<option value="1" style="background-image: url("bilder/status_1.gif");">
<option value="2" style="background-image: url("bilder/status_2.gif");">
<option value="3" style="background-image: url("bilder/status_3.gif");">
<option value="4" style="background-image: url("bilder/status_4.gif");">
</select>
Medlem sedan dec. 20042 245 inlägg
#5

Testa med:

<select name="status">
<option value="1" style="background-image: url(bilder/status_1.gif);">
<option value="2" style="background-image: url(bilder/status_2.gif);">
<option value="3" style="background-image: url(bilder/status_3.gif);">
<option value="4" style="background-image: url(bilder/status_4.gif);">
</select>

:)

Medlem sedan feb. 2003549 inlägg
#6

nope funkar det på din dator?

Medlem sedan dec. 20042 245 inlägg
#7

Ja, visst.

Fast bara i Firefox, inte i IE eller Opera. :(

Medlem sedan feb. 2003549 inlägg
#8

Ok, detta systemet kørs bara på IE =( men ska jag kanske vända mig till java forumet och fråga?

Medlem sedan juni 200032 969 inlägg
#9

Det är klart att du kan blanda in Java, men det känns som att gå över ån efter smöret.

Borde väl gå att göra något läckert med DHTML / javascript istället?

Medlem sedan dec. 20042 245 inlägg
129 ms totalt · 3 externa anrop · v20260731065814-full.25f56b17
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)