---

Hej NG
Jeg har et lille problem med
1) aligne mine checkboxe, de rykker 2 px op for hver linje, jeg har
lavet et test eks her: http://olsensweb.dk/test/ng/aligncheckboxe.htm

2) centreret div content blokken, uden at indholdet af de underliggende
edit boxe bliver centraret

3) fjernet den hvide kant i edit boxene

--
Med Venlig Hilsen
Ronny Olsen
http://olsensweb.dk

---

Ronny Olsen skrev:

> Jeg har et lille problem med
> 1) aligne mine checkboxe, de rykker 2 px op
> for hver linje

Hm, prøvede lige med en kombilation af:

..col1 input{
margin-top:0px;
margin-bottom:8px;
}

men det er fuldstændig umuligt at styre når du har
sat det op i kolonner.

Jeg ville vælge rækker i stedet, eventuelt en tabel.

--
Allan Vebel
http://vebel.dk | http://html-faq.dk
http://webdesigngruppen.dk

---

> Jeg ville vælge rækker i stedet, eventuelt en tabel.
hvordan kan jeg nemmest sætte det i rækker ??
jeg vil gerne undgå tabel, da det ikke er tabulære data, jeg vil helst
ikke bruger tabeller til design

--
Med Venlig Hilsen
Ronny Olsen
http://olsensweb.dk

---

Ronny Olsen formulerede spørgsmålet:
> > Jeg ville vælge rækker i stedet, eventuelt en tabel.
> hvordan kan jeg nemmest sætte det i rækker ??
> jeg vil gerne undgå tabel, da det ikke er tabulære data, jeg vil helst ikke
> bruger tabeller til design

Giv alle elementerne en float:left, og giv evt <input> en klasse, der
definerer hvor lange de er. Og indsæt en clear (clear:both;) efter hver
linie. Den kan faktisk sættes på checkboksen...

padding og margin for <input type="text">-elementerne skal stadig
tilpasses.

Sæt det hele i en <fieldset> direkte i <form>. Der er ingen grund til
alle dine <p>'er. De bør faktisk være <div>'er

Birger

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

---

Ronny Olsen wrote:
>> Jeg ville vælge rækker i stedet, eventuelt en tabel.
> hvordan kan jeg nemmest sætte det i rækker ??
> jeg vil gerne undgå tabel, da det ikke er tabulære data, jeg vil helst
> ikke bruger tabeller til design

Sådan noget som dette er det OK at lægge i en tabel.

Alternativet er at lægge alle ellementer, der skal vises på en linje ind i
samme <p>.

<p><input type="checkbox" ..>&nbsp;<input type="text ..>&nbsp; .. </p>

Når du lægger det i 4 kolonner med et enkelt element pr. linje i hver
kolonne, der det den enkelte browsers defaulte visning af elementerne, der
bestemmer det samlede udseende.

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

---

Erik Ginnerskov skrev:

> Sådan noget som dette er det OK at lægge i en tabel.

Jeg lægger altid formularer i en <table>.

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

---

Bertel Lund Hansen wrote:

>> Sådan noget som dette er det OK at lægge i en tabel.
>
> Jeg lægger altid formularer i en <table>.

Jeg plejer at kunne styre det med <label ..>..</label><input ...><br>

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

---

Den 28-08-2010 00:12, Erik Ginnerskov skrev:
> Bertel Lund Hansen wrote:
>
>>> Sådan noget som dette er det OK at lægge i en tabel.
>>
>> Jeg lægger altid formularer i en<table>.
>
> Jeg plejer at kunne styre det med<label ..>..</label><input ...><br>
>

Det var dog en gammel en du pludselig begyndte at svare på, jeg har løst
det med hjælp fra Birger's indlæg 17/08-210 11:41
min endelige løsning ligger her http://olsensweb.dk/myownapps/elnik/ohm.php

tak for indput

--
Med Venlig Hilsen
Ronny Olsen
http://olsensweb.dk

---

Ronny Olsen wrote:

>>> Jeg lægger altid formularer i en<table>.
>>
>> Jeg plejer at kunne styre det med<label ..>..</label><input ...><br>
>>
> Det var dog en gammel en du pludselig begyndte at svare på,

Jeg havde på grund af travlhed på andre fronter været fraværende i gruppen i
nogle dage, men svarede af høflighed Bertel på hans indlæg.

> jeg har
> løst det med hjælp fra Birger's indlæg 17/08-210 11:41
> min endelige løsning ligger her
> http://olsensweb.dk/myownapps/elnik/ohm.php

Glimrende.

> tak for indput

Vel bekomme

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

---

Ronny Olsen udtrykte præcist:
> Hej NG
> Jeg har et lille problem med
> 1) aligne mine checkboxe, de rykker 2 px op for hver linje, jeg har lavet et
> test eks her: http://olsensweb.dk/test/ng/aligncheckboxe.htm
>
> 2) centreret div content blokken, uden at indholdet af de underliggende edit
> boxe bliver centraret
>
> 3) fjernet den hvide kant i edit boxene

Tilføj
margin : 2px;
til din css for klassen checkbox.
Så passer det i FF.
For at det skal passe i andre browsere, skal du muligvis ændre (selv
bestemme i stedet for browsernes default) padding og margin for <input>
også.

Birger

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

---

Den 16-08-2010 23:29, Birger Sørensen skrev:
> margin : 2px;
> til din css for klassen checkbox.
> Så passer det i FF.
> For at det skal passe i andre browsere, skal du muligvis ændre (selv
> bestemme i stedet for browsernes default) padding og margin for <input>
> også.
>
> Birger
>
du har ret, det virker i FF, men ser ud af H til i IE (må jeg lige lege
med), er opdateret i eks

--
Med Venlig Hilsen
Ronny Olsen
http://olsensweb.dk

---

Ronny Olsen forklarede den 17-08-2010:
> Den 16-08-2010 23:29, Birger Sørensen skrev:
>> margin : 2px;
>> til din css for klassen checkbox.
>> Så passer det i FF.
>> For at det skal passe i andre browsere, skal du muligvis ændre (selv
>> bestemme i stedet for browsernes default) padding og margin for <input>
>> også.
>>
>> Birger
>>
> du har ret, det virker i FF, men ser ud af H til i IE (må jeg lige lege med),
> er opdateret i eks

Se evt
http://bbsorensen.com/test/form_chk/
for en anderledes opbygning.
(Har rettet nogle numre T20 => T21 osv.)
Ikke lige sikker på, hvorfor alle inputs er readonly - tror den
midterste ikke skal være det.

Ser rimeligt ens ud i FF og IE - selvom det er langt fra dit. ^^
Har ikke testet i de andre - men de plejer ikke at falde så langt fra.

Birger

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

---

Den 17-08-2010 00:25, Birger Sørensen skrev:
> Ronny Olsen forklarede den 17-08-2010:
>> Den 16-08-2010 23:29, Birger Sørensen skrev:
>>> margin : 2px;
>>> til din css for klassen checkbox.
>>> Så passer det i FF.
>>> For at det skal passe i andre browsere, skal du muligvis ændre (selv
>>> bestemme i stedet for browsernes default) padding og margin for <input>
>>> også.
>>>
>>> Birger
>>>
>> du har ret, det virker i FF, men ser ud af H til i IE (må jeg lige
>> lege med), er opdateret i eks
>
> Se evt
> http://bbsorensen.com/test/form_chk/
> for en anderledes opbygning.
> (Har rettet nogle numre T20 => T21 osv.)
> Ikke lige sikker på, hvorfor alle inputs er readonly - tror den
> midterste ikke skal være det.
>
> Ser rimeligt ens ud i FF og IE - selvom det er langt fra dit. ^^
> Har ikke testet i de andre - men de plejer ikke at falde så langt fra.
>
> Birger
>
nu ser de ens ud i FF og IE, jeg måtte krybe til en Conditional Comment,
er nu opdateret, skal lige teste med andre opløsninger (bruger 1024*768).

> Ikke lige sikker på, hvorfor alle inputs er readonly - tror den
> midterste ikke skal være det.
de starter med at være readonly, og når man sætter flueben, fjernes
readonly i den miderste, vha JS

leger lige lidt vidre så de bliver centreret

dit forslag med fieldset,
http://olsensweb.dk/test/ng/aligncheckboxefieldset.htm

og Eriks forslag med P
http://olsensweb.dk/test/ng/aligncheckboxep.htm



--
Med Venlig Hilsen
Ronny Olsen
http://olsensweb.dk

---

Ronny Olsen frembragte:
> Den 17-08-2010 00:25, Birger Sørensen skrev:
>> Ronny Olsen forklarede den 17-08-2010:
>>> Den 16-08-2010 23:29, Birger Sørensen skrev:
>>>> margin : 2px;
>>>> til din css for klassen checkbox.
>>>> Så passer det i FF.
>>>> For at det skal passe i andre browsere, skal du muligvis ændre (selv
>>>> bestemme i stedet for browsernes default) padding og margin for <input>
>>>> også.
>>>>
>>>> Birger
>>>>
>>> du har ret, det virker i FF, men ser ud af H til i IE (må jeg lige
>>> lege med), er opdateret i eks
>>
>> Se evt
>> http://bbsorensen.com/test/form_chk/
>> for en anderledes opbygning.
>> (Har rettet nogle numre T20 => T21 osv.)
>> Ikke lige sikker på, hvorfor alle inputs er readonly - tror den
>> midterste ikke skal være det.
>>
>> Ser rimeligt ens ud i FF og IE - selvom det er langt fra dit. ^^
>> Har ikke testet i de andre - men de plejer ikke at falde så langt fra.
>>
>> Birger
>>
> nu ser de ens ud i FF og IE, jeg måtte krybe til en Conditional Comment, er
> nu opdateret, skal lige teste med andre opløsninger (bruger 1024*768).
>
> > Ikke lige sikker på, hvorfor alle inputs er readonly - tror den
> > midterste ikke skal være det.
> de starter med at være readonly, og når man sætter flueben, fjernes readonly
> i den miderste, vha JS
>
> leger lige lidt vidre så de bliver centreret
>
> dit forslag med fieldset,
> http://olsensweb.dk/test/ng/aligncheckboxefieldset.htm
>
> og Eriks forslag med P
> http://olsensweb.dk/test/ng/aligncheckboxep.htm

Det ser da rimeligt ud.

Man kan bruge en div i stedet for fieldset, hvis man ikke vil bruge
legend eller borderen.
Hvis de to øvrige input linier ikke skal bruges, bør de erstattes af
div eller p - for at undgå at de indsendes sammen med formen. Det gør
tingene mere overskuelige.

Se evt.
http://bbsorensen.com/test/form_chk/
igen.

Birger

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

---

> Man kan bruge en div i stedet for fieldset, hvis man ikke vil bruge
> legend eller borderen.
> Hvis de to øvrige input linier ikke skal bruges, bør de erstattes af div
> eller p - for at undgå at de indsendes sammen med formen. Det gør
> tingene mere overskuelige.
vil jeg nok gører

> Se evt.
> http://bbsorensen.com/test/form_chk/
> igen.
>
> Birger
>
der var den, det var det jeg ville opnå, så er designet på plads, så
skal det lige rettes i PHP, men det er rimeligt nemt.

tak for hjælpen

--
Med Venlig Hilsen
Ronny Olsen
http://olsensweb.dk