[html] plaatjes in selectbox - Softwareontwikkeling

dinsdag 18 april 2006 23:59

Acties:

BEER N TEA

Topicstarter

ik vraag me af of je een plaatje in een regel van een selectbox kunt dumpen of dat er een workaround voor is... er hoeft verder niks aan de opmaak gedaan te worden, wil dat alleen graag, heb het volgens mij wel eens eerder gezien, maar nooit gekeken hoe dat gedaan werd...

search en google leverden allebei weinig tot geen bruikbare info op...
hoop dat iemand er iets van weet

www.timovanderzanden.nl | Beer 'n' Tea

woensdag 19 april 2006 00:05

Acties:

BasieP

euh 'in de regel' is nogal vaag

je bedoelt gewoon zoiets

<textbox> <plaatje>
(dus op dezelfde regel?)

of dat je ook op het plaatje kan klikken om de checkbox te selecteren?

of dat je een plaatje in het vierkantje waar het vinkje in komt wilt?? wtf is je vraag

This message was sent on 100% recyclable electrons.

woensdag 19 april 2006 00:38

Acties:

Tjeemp

BEER N TEA

Topicstarter

een selectbox is <select></select>...

dus dan heb je bijvoorbeeld je <option> en daar binnen moet dan een klein plaatje staan met daarnaast tekst... ik vroeg me af of dat mogelijk is...

www.timovanderzanden.nl | Beer 'n' Tea

woensdag 19 april 2006 00:40

Acties:

BasieP

timovdz schreef op woensdag 19 april 2006 @ 00:38:
een selectbox is <select></select>...

dus dan heb je bijvoorbeeld je <option> en daar binnen moet dan een klein plaatje staan met daarnaast tekst... ik vroeg me af of dat mogelijk is...

op die fiets
dat gaat je niet lukken volgens mij met standaard html.
misschien dat er flash of handige JS dropdownboxjes zijn (zo heten die dingen dus

), maar ik heb ze eigenlijk nog nooit gezien
En de vraag is of je wilt dat je dropdownbox (daar is ie weer) JS afhankelijk wordt

[ Voor 7% gewijzigd door BasieP op 19-04-2006 00:40 ]

This message was sent on 100% recyclable electrons.

woensdag 19 april 2006 00:42

Acties:

Plague

Je kan volgens mij een selectbox gewoon opmaken met CSS, en er dus een achtegrond pic in rammen. (Met kleurtjes kan het iig wel).

woensdag 19 april 2006 00:52

Acties:

BasieP

Plague schreef op woensdag 19 april 2006 @ 00:42:
Je kan volgens mij een selectbox gewoon opmaken met CSS, en er dus een achtegrond pic in rammen. (Met kleurtjes kan het iig wel).

ook groter dan de text?
(dus meerdere regels hoog bij wijze van spreke?)

This message was sent on 100% recyclable electrons.

woensdag 19 april 2006 00:55

Acties:

We Are Borg

Moderator Wonen & Mobiliteit / General Chat

Klopt, met CSS kan dat prima

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Voorbeeldje</title>
    <style type="text/css">
        select {
        width: 400px;
        }
        #google {
        background-image: url('http://www.google.com/intl/en/images/logo.gif');
        }
    </style>
</head>
<body>
<select>
<option>woei1</option>
<option>woei2</option>
<option id="google">woei3</option>
</select>
</body>
</html>

[ Voor 78% gewijzigd door We Are Borg op 19-04-2006 00:55 ]

woensdag 19 april 2006 00:55

Acties:

Osiris

BasieP schreef op woensdag 19 april 2006 @ 00:52:
[...]

ook groter dan de text?
(dus meerdere regels hoog bij wijze van spreke?)

Voorbeeldje...

Achtergrondplaatjes op de <option>'s en hoogte aangepast enzo

Werkt allemaal in CSS

edit:

't Is met een paar random GoT-icons niet te lezen alleen

edit:

Ah, dit is beter

edit:

En ja, ik weet dat inline CSS ranzig is, maar 't gaat om het idee

[ Voor 30% gewijzigd door Osiris op 19-04-2006 01:06 ]

woensdag 19 april 2006 12:39

Acties:

Verwijderd

zal wel aan mij liggen maar zowel in IE als FF zie ik geen afbeeldingen in de dropdowns

woensdag 19 april 2006 12:48

Acties:

BtM909

Watch out Guys...

IE niet, maar FF wel (weet overigens niet of dit wel gaat werken in IE7)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 19 april 2006 12:57

Acties:

JHS

Splitting the thaum.

BtM909: In de huidige versie niet iniedergeval

.

DM!

woensdag 19 april 2006 13:01

Acties:

Osiris

Verwijderd schreef op woensdag 19 april 2006 @ 12:39:
zal wel aan mij liggen maar zowel in IE als FF zie ik geen afbeeldingen in de dropdowns

Afbeeldingslocatie: http://test.osiris.sapcentrifuge.net/select.png

Fx 1.5.0.1

[ Voor 3% gewijzigd door Osiris op 19-04-2006 13:01 ]

woensdag 19 april 2006 13:13

Acties:

Tjeemp

BEER N TEA

Topicstarter

tja, javascript maakt me niet uit... maar t moet eigk wel in IE werken...
er zijn nogal veel elementen in de website namelijk die op js gebaseerd zijn...

www.timovanderzanden.nl | Beer 'n' Tea

woensdag 19 april 2006 13:16

Acties:

djluc

Crossbrowser is dit erg lastig. Ik heb er vele uren in gestoken maar het is me nog steeds niet gelukt.