/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Store radiobuttons til touch-screen GUI
Fra : Susanne Petersen


Dato : 19-10-06 11:21

Hej, jeg laver en touch-screen GUI til en applikation, vi ville gerne
bruge radiobuttons, men de skal jo så være ekstra store.

Det skulle være muligt at gøre dem større blot ved at lave en CSS class
m. width and height, men i praksis falder det ikke så heldigt ud...der
er et eksempel på http://www.pandoradesign.dk/bigradio.html . Det virker
vist også kun i IE.

Er der nogen her der kender til en måde at lave pæne, store radiobuttons
på? Det skal virke i alle browsere og selvfølgelig gerne se pænt ud
samtidig.

Takker på forhånd for hjælp

Susanne

 
 
Bertel Lund Hansen (19-10-2006)
Kommentar
Fra : Bertel Lund Hansen


Dato : 19-10-06 12:37

Susanne Petersen skrev:

> Det skulle være muligt at gøre dem større blot ved at lave en CSS class
> m. width and height, men i praksis falder det ikke så heldigt ud...der
> er et eksempel på http://www.pandoradesign.dk/bigradio.html . Det virker
> vist også kun i IE.

Det virker i Firefox 2 og IE 6, men ikke i Opera 9.

> Er der nogen her der kender til en måde at lave pæne, store radiobuttons
> på? Det skal virke i alle browsere og selvfølgelig gerne se pænt ud
> samtidig.

Du kan evt. benytte dig af <label> som bevirker at et tekstområde
også kan aktivere en knap. Hvis teksten er tom og omgivet af en
ramme, får man faktisk en firkantet knap, men prikken vil stadig
være lille i Opera. Den tomme plads er lavet med &nbsp;. Det
virker ikke med almindeligt mellemrum

<div style='border: thick solid black;'>
<input type='radio' id='dk2' name='what' value='dk'>
<label for='dk2'>[                                        ]</label>
</div>

Striben kan gives en baggrundsfarve og en tekst så den ligner en knap.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

Jesper Brunholm (19-10-2006)
Kommentar
Fra : Jesper Brunholm


Dato : 19-10-06 15:53

Susanne Petersen skrev:
> Hej, jeg laver en touch-screen GUI til en applikation, vi ville gerne
> bruge radiobuttons, men de skal jo så være ekstra store.

Brug <label>, det er en oplagt løsning i den sammenhæng. Hvis du lader
<label> omkranse <input type="radio">, er effekten netop at den
berørbare flade udvides flydende med hele <label> området.

Jeg skal gerne komme med links senere, skal løbe nu

mvh

Jesper Brunholm

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408928
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste