/ 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
Time picker (CSS) - sikkert banalt.
Fra : Stig Johansen


Dato : 23-12-09 11:35

Hej.

Jeg sidder og fedter lidt med at lave en timepicker.

Date pickere findes der masser af, men ikke rigtig time picker, som jeg
gerne vil have det.

Jeg vil gerne have en delvis analog picker, og havde egentlig tænkt noget
med ure og cirkler, men det ser ud som om det er for meget bøvl med at hive
musen med rundt i en cirkel.

I stedet vil jeg gerne have en 'picker' med sliders, med timer, minutter og
sekunder.

Jeg synes det kunne være en udfordring at lave det med så meget HTML/CSS i
stedet for billeder, så mit forsøg ligger her:
http://w-o-p-r.dk/tips/time.picker.asp

(Den skal bruges som popup senere)

Den skulle jo grumme gerne være alignet, så den er 'pæn', og normalt ville
jeg bare lave et <table> layout.

Jeg er lidt en nar til det der, så dette eksempel er lavet med <br/> til
layout, men det er jo ikke det rigtige.

Hvordan får jeg stillet det op, så det fremstår 'aligned' ?

(Jeg går ud fra, det er noget med float og clear, men det går jeg sukkerkold
i - hver gang

--
Med venlig hilsen/Best regards
Stig Johansen




 
 
Erik Ginnerskov (23-12-2009)
Kommentar
Fra : Erik Ginnerskov


Dato : 23-12-09 11:54

Stig Johansen wrote:

> http://w-o-p-r.dk/tips/time.picker.asp

> Den skulle jo grumme gerne være alignet, så den er 'pæn', og normalt
> ville jeg bare lave et <table> layout.
>
> Jeg er lidt en nar til det der, så dette eksempel er lavet med <br/>
> til layout, men det er jo ikke det rigtige.
>
> Hvordan får jeg stillet det op, så det fremstår 'aligned' ?

Idet jeg går ud fra, at data fra de tre slides skal bruges et eller andet
sted, ville en formular være oplagt (ved ikke lige om den slags data er
lovlige i den sammenhæng - tjek selv). Men hvis ellers, kan du styre
alignment med labels, som du giver en bredde og float:left;. Der skal stadig
et <br> efter de to første sliders.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk


Stig Johansen (23-12-2009)
Kommentar
Fra : Stig Johansen


Dato : 23-12-09 16:16

"Erik Ginnerskov" <erik.ginnerskov@live.dk> wrote in message
news:4b31f6d7$0$269$14726298@news.sunsite.dk...
>
> Idet jeg går ud fra, at data fra de tre slides skal bruges et eller andet
> sted,

Ja, det er til brug for et indtastningsfelt, hvor jeg opererer med et
dato/tid format som ikke er heeelt 'human readable'.

> ville en formular være oplagt (ved ikke lige om den slags data er
> lovlige i den sammenhæng - tjek selv).

Jeg kan ikke helt gennemskue om det er lovligt eller ej - fra DTD'en:
.....
Each label must not contain more than ONE field
Label elements shouldn't be nested
.....

Jeg synes ikke det fremgår om der SKAL være et felt, blot at der ikke må
være mere end et.

Det bliver nok ved table alligevel.

--
Med venlig hilsen/Best regards
Stig Johansen




Birger Sørensen (23-12-2009)
Kommentar
Fra : Birger Sørensen


Dato : 23-12-09 17:12

Stig Johansen forklarede:
> "Erik Ginnerskov" <erik.ginnerskov@live.dk> wrote in message
> news:4b31f6d7$0$269$14726298@news.sunsite.dk...
>>
>> Idet jeg går ud fra, at data fra de tre slides skal bruges et eller andet
>> sted,
>
> Ja, det er til brug for et indtastningsfelt, hvor jeg opererer med et
> dato/tid format som ikke er heeelt 'human readable'.
>
>> ville en formular være oplagt (ved ikke lige om den slags data er
>> lovlige i den sammenhæng - tjek selv).
>
> Jeg kan ikke helt gennemskue om det er lovligt eller ej - fra DTD'en:
> ....
> Each label must not contain more than ONE field
> Label elements shouldn't be nested
> ....
>
> Jeg synes ikke det fremgår om der SKAL være et felt, blot at der ikke må
> være mere end et.
>
> Det bliver nok ved table alligevel.

Man kan godt bruge label uden et element...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Erik Ginnerskov (23-12-2009)
Kommentar
Fra : Erik Ginnerskov


Dato : 23-12-09 18:21

Stig Johansen wrote:

> Jeg kan ikke helt gennemskue om det er lovligt eller ej - fra DTD'en:
> ....
> Each label must not contain more than ONE field
> Label elements shouldn't be nested
> ....
> Jeg synes ikke det fremgår om der SKAL være et felt, blot at der ikke
> må være mere end et.

Du skal naturligvis have en label for hver af de tre sliders. Du sætter
float og bredden for labels generelt i css.

> Det bliver nok ved table alligevel.

Det er også en løsning.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk


Stig Johansen (26-12-2009)
Kommentar
Fra : Stig Johansen


Dato : 26-12-09 11:52

"Erik Ginnerskov" <erik.ginnerskov@live.dk> wrote in message
news:4b325174$0$272$14726298@news.sunsite.dk...
> Stig Johansen wrote:
>
> > Det bliver nok ved table alligevel.
>
> Det er også en løsning.

Det bliver det også.

Uanset hvor meget jeg prøver, så synes jeg at <table> er bedre til
strukturerede input.

Det er kun lidt 'work in progress', men jeg skulle bruge date/time pickeren
til denne her form:
http://w-o-p-r.dk/monitor/monitor.statistics.asp

Her er jeg også i gang med <table>, for jeg synes stadig det er nemmere til
den slags.

(Man behøver ikke at klikke, for der findes ikke umiddelbart data bag).

--
Med venlig hilsen/Best regards
Stig Johansen




Erik Ginnerskov (26-12-2009)
Kommentar
Fra : Erik Ginnerskov


Dato : 26-12-09 12:53

Stig Johansen wrote:

> Det er kun lidt 'work in progress', men jeg skulle bruge date/time
> pickeren til denne her form:
> http://w-o-p-r.dk/monitor/monitor.statistics.asp

Med det setup er det klart lettest at bruge en tabel.

--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk - http://html-faq.dk

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

Månedens bedste
Årets bedste
Sidste års bedste