Uitlijnen van Dropdown menu

[Verwijderd]

Ik ben een script aan het maken voor een bepaalde webshop. Hiervoor is gekozen voor een dropdown menu.
Het probleem waar ik nu tegen aan loop is het uitlijnen van deze dropdown box, ik weet namelijk geen enkele methode om dit te doen.

Dit is het nu:


En dit moet het worden:


Alvast bedankt voor de antwoorden!

[Verwijderd]

Werk met tabs? Dan kan je alles gelijkmatig stellen als het goed is. En anders, dan gewoon eentje apart maken

[KompjoeFriek]

Misschien heel flauw, maar met een uni-width font en spaties kan het.
Anders zul je zelf een dropdown moeten maken

[TeeDee]

Plaats eens wat code of beter nog; een online testcase. Toon eens wat je allemaal gedaan hebt om het probleem op te lossen

[Verwijderd]

Verwijderd schreef op woensdag 04 november 2009 @ 21:44:
Werk met tabs? Dan kan je alles gelijkmatig stellen als het goed is. En anders, dan gewoon eentje apart maken

Tabs werken niet goed op webpagina's. Ik weet niet eens of je dat kunt gebruiken...

KompjoeFriek schreef op woensdag 04 november 2009 @ 21:45:
Misschien heel flauw, maar met een uni-width font en spaties kan het.
Anders zul je zelf een dropdown moeten maken

Dit zou inderdaad een goede oplossing zijn, maar als er nog een andere is, sta ik er voor open.

[Enfer]

Inderdaad, zelf een dropdown aan de hand van een div, met daarin links een label voor je producten en rechts je prijzen?

[Verwijderd]

Zoiets heb ik nog nooit gedaan, kan iemand mij misschien een kleine aanzet geven?
of bedoel je dan dit?

HTML:

<input type="radio" style="display:none;" name="keuzes" id="keuze1" />
[..]
<td><label for="keuze1">80cm x 90cm</label></td><td><label for="keuze1">&euro; 80,-</label></td>

Edit: Met natuurlijk een paar extra javascript-codes er bij...

[ Voor 9% gewijzigd door Verwijderd op 04-11-2009 21:58 ]

[MueR]

Hoe zou je normaal een menu maken? Die dropdown zal qua functionaliteit niet veel moeten gaan verschillen van een dropdown menu zoals je hier op GoT kan zien onder bijvoorbeeld MyReact.

[Verwijderd]

Sorry voor de onduidelijkheid, met dropdown menu bedoel ik dit in html:

HTML:

<select name="name">
<option value="38">20cm x 30cm  € 26,00</option>
<option value="46">30cm x 30cm  € 28,00</option>
<option value="39">30cm x 40cm  € 30,00</option>
<option value="47">40cm x 40cm  € 33,00</option>
<option value="40">40cm x 50cm  € 39,00</option>
<option value="48">50cm x 50cm  € 45,00</option>
<option value="41">50cm x 60cm  € 49,00</option>
<option value="49">60cm x 60cm  € 55,00</option>
</select>