---

Hej.
Jeg har nogle formularer, der er anbragt i tabeller.
Under formularerne er der meget luft til tabelkanten nedenunder. Se
http://www.hsra.dk/
Jeg kan ikke mindske højden ved at indstille højden af cellen.

Hvorfor fylder formularerne så meget og hvad kan man gøre ved det?

Mvh Kurt

---

On 03-09-2011 12:08, Kurt G wrote:
> Hej.
> Jeg har nogle formularer, der er anbragt i tabeller.
> Under formularerne er der meget luft til tabelkanten nedenunder. Se
> http://www.hsra.dk/
> Jeg kan ikke mindske højden ved at indstille højden af cellen.
>
> Hvorfor fylder formularerne så meget og hvad kan man gøre ved det?
>
> Mvh Kurt
>

Lade være med at bruge tabel

Højden af cellerne på en række, bestemmes af den celle der er højest.

Du kan undlade at bruge <br> og <p>, samt style tabellens padding med
css. Men det løser ikke det grundlæggende problem.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

On 03-09-2011 12:39, Karl Erik Christensen wrote:
> On 03-09-2011 12:08, Kurt G wrote:
>> Hej.
>> Jeg har nogle formularer, der er anbragt i tabeller.
>> Under formularerne er der meget luft til tabelkanten nedenunder. Se
>> http://www.hsra.dk/
>> Jeg kan ikke mindske højden ved at indstille højden af cellen.
>>
>> Hvorfor fylder formularerne så meget og hvad kan man gøre ved det?
>>
>> Mvh Kurt
>>
>
> Lade være med at bruge tabel
>
> Højden af cellerne på en række, bestemmes af den celle der er højest.
>
> Du kan undlade at bruge <br> og <p>, samt style tabellens padding med
> css. Men det løser ikke det grundlæggende problem.
>
> Karl Erik.
>

Brug text-align="top" samt fjern rammen, så ser det ikke så tåbeligt ud

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

"Karl Erik Christensen" <karlerik@none.invalid.com> skrev i en meddelelse
news:4e6204b3$0$309$14726298@news.sunsite.dk...
> On 03-09-2011 12:39, Karl Erik Christensen wrote:
>> On 03-09-2011 12:08, Kurt G wrote:
>>> Hej.
>>> Jeg har nogle formularer, der er anbragt i tabeller.
>>> Under formularerne er der meget luft til tabelkanten nedenunder. Se
>>> http://www.hsra.dk/
>>> Jeg kan ikke mindske højden ved at indstille højden af cellen.
>>>
>>> Hvorfor fylder formularerne så meget og hvad kan man gøre ved det?
>>>
>>> Mvh Kurt
>>>
>>
>> Lade være med at bruge tabel

Ja, det er jo det ideelle, men når man skal præsentere data til input til en
database er det nu nærliggende.
Og til præsentation af data ser jeg ikke rigtig anden mulighed!
Men du har måske en ide?

>> Højden af cellerne på en række, bestemmes af den celle der er højest.
>>
>> Du kan undlade at bruge <br> og <p>, samt style tabellens padding med
>> css. Men det løser ikke det grundlæggende problem.
>>
>> Karl Erik.
>>
>
> Brug text-align="top" samt fjern rammen, så ser det ikke så tåbeligt ud
>
>
> Karl Erik.

Jeg lod cellekanterne være synlige for at man bedre kunne se problemet.
Jeg plejer at fjerne kanterne og bruge farvet baggrund i stedet.
Spørgsmålet er affødt af, at jeg præsenterer data fra en database i en tabel
og første kolonne indeholder en formular, hvor man kan trykke på en 'knap'
(her et lille ikon) for at redigere den pågældende række. Og med mange
rækker er der meget spild, når der er så meget luft under 'knappen'!


Det undrer mig, at der ikke er lige meget luft over og under felterne.

---

>>
>> Lade være med at bruge tabel
>> Højden af cellerne på en række, bestemmes af den celle der er højest.
>>
>> Du kan undlade at bruge <br> og <p>,
De er fjernet

>> samt style tabellens padding med css.
Præcist hvordan?
Hvad hedder de ting, som har med formen at gøre?

>> Men det løser ikke det grundlæggende problem.
>>
>> Karl Erik.
>>
>
> Brug text-align="top" samt fjern rammen, så ser det ikke så tåbeligt ud
>
>
> Karl Erik.
>
Rammen var kun med for at tydeligøre problemet, normalt har jeg til ingen
ramme, men bruger baggrundsfarve!

Jeg har tilføjet yderligere for at pinde det lidt mere ud.

Problemet er mest markant, når jeg viser data fra en database. Den første
kolonne indeholder da ofte en 'knap' til at bringe rækken op i en
redigeringstabel. Det er den, der nu er vist øverst, og her generer
pladsspildet ikke meget!
Men i selve visningen af data er der et stort spild under 'knappen', og det
er det spild, jeg gerne vil undgå, så der vises flest muligt rækker på
skærmen!
Er der en anden fornuftig måde at vise data fra database end tabeller?

Mvh Kurt

---

On 03-09-2011 13:35, Kurt G wrote:

>>> samt style tabellens padding med css.
> Præcist hvordan?
> Hvad hedder de ting, som har med formen at gøre?
>

> Mvh Kurt
>

td {
   padding: 0;
}

Så er der slet ingen padding på.
Det ser sikkert tåbeligt ud, men så leger du bare lidt med padding

Prøv:
padding: 5px; - her får du 5px hele vejen rundt.

Padding: 5px 10px; - her 5px top og bund, 10px højre og venstre.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

On 03-09-2011 16:12, Karl Erik Christensen wrote:

> td {
> padding: 0;
> }
>
> Så er der slet ingen padding på.
> Det ser sikkert tåbeligt ud, men så leger du bare lidt med padding
>
> Prøv:
> padding: 5px; - her får du 5px hele vejen rundt.
>
> Padding: 5px 10px; - her 5px top og bund, 10px højre og venstre.
>
> Karl Erik.
>

Det er derfor "Box-modellen" er så vigtig at kende. Den kan bruges på
alle elementer.

http://webdesign.ranunkelvej.com/csseksempler/index.php

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Karl Erik Christensen har bragt dette til os:
> On 03-09-2011 16:12, Karl Erik Christensen wrote:
>
>> td {
>> padding: 0;
>> }
>>
>> Så er der slet ingen padding på.
>> Det ser sikkert tåbeligt ud, men så leger du bare lidt med padding
>>
>> Prøv:
>> padding: 5px; - her får du 5px hele vejen rundt.
>>
>> Padding: 5px 10px; - her 5px top og bund, 10px højre og venstre.
>>
>> Karl Erik.
>>
>
> Det er derfor "Box-modellen" er så vigtig at kende. Den kan bruges på alle
> elementer.
>
> http://webdesign.ranunkelvej.com/csseksempler/index.php
>
> Karl Erik.

Prøv dit og prøv dat...
Har du set på koden, før du forsøger at finde ud af hvor det uønskede
mellemrum kommer fra?
Det er et <p>, der indeholder &nbsp;
Så før man begynder at rode med alt muligt andet, var det måske en ide
at fjerne den.
I hvert fald fjerner man ikke mellemrummet, ved at rode med CSS for
andre ting, andre steder på siden...

Birger

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

---

On 03-09-2011 19:22, Birger Sørensen wrote:

> Prøv dit og prøv dat...
> Har du set på koden, før du forsøger at finde ud af hvor det uønskede
> mellemrum kommer fra?
> Det er et <p>, der indeholder &nbsp;
> Så før man begynder at rode med alt muligt andet, var det måske en ide
> at fjerne den.
> I hvert fald fjerner man ikke mellemrummet, ved at rode med CSS for
> andre ting, andre steder på siden...
>
> Birger
>

Lad nu være med at skabe dig Birger.
Hvis du læser mit første indlæg i tråden, vil du se at jeg skrev:

"Du kan undlade at bruge <br> og <p>"

Er du søvnig eller bare almindelig misundelig?

I øvrigt er det meget lærerigt at prøve forskellige muligheder.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

Den 9/3/2011, skrev Karl Erik Christensen:
> On 03-09-2011 19:22, Birger Sørensen wrote:
>
>> Prøv dit og prøv dat...
>> Har du set på koden, før du forsøger at finde ud af hvor det uønskede
>> mellemrum kommer fra?
>> Det er et <p>, der indeholder &nbsp;
>> Så før man begynder at rode med alt muligt andet, var det måske en ide
>> at fjerne den.
>> I hvert fald fjerner man ikke mellemrummet, ved at rode med CSS for
>> andre ting, andre steder på siden...
>>
>> Birger
>>
>
> Lad nu være med at skabe dig Birger.
> Hvis du læser mit første indlæg i tråden, vil du se at jeg skrev:
>
> "Du kan undlade at bruge <br> og <p>"
>
> Er du søvnig eller bare almindelig misundelig?
>
> I øvrigt er det meget lærerigt at prøve forskellige muligheder.
>
> Karl Erik.

Selvfølgelig er det lærerigt at pille ting skilt ad og samle dem
forkert.
Syntes måske bare at alt det pilleri forvirrer mere end det gavner, når
det ikke har noget med problemet at gøre...

Birger

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

---

"Karl Erik Christensen" <karlerik@none.invalid.com> skrev i en meddelelse
news:4e6235e1$0$304$14726298@news.sunsite.dk...
> On 03-09-2011 13:35, Kurt G wrote:
>
>>>> samt style tabellens padding med css.
>> Præcist hvordan?
>> Hvad hedder de ting, som har med formen at gøre?
>>
>
>> Mvh Kurt
>>
>
> td {
> padding: 0;
> }
>
> Så er der slet ingen padding på.
> Det ser sikkert tåbeligt ud, men så leger du bare lidt med padding
>
> Prøv:
> padding: 5px; - her får du 5px hele vejen rundt.
>
> Padding: 5px 10px; - her 5px top og bund, 10px højre og venstre.
>
> Karl Erik.
>

Nu har jeg fjernet alle <p>,</p> og sat padding to 0, men det ser ikke ud
til at gøre nogen forskel, der er stadig meget luft under.
Sætter jeg padding til f.eks.10, kan jeg godt se, at det tager mere plads.

Mvh Kurt

---

"Kurt G" <kurt_g@guldbaek.net> skrev i en meddelelse
news:4e6334b1$0$310$14726298@news.sunsite.dk...
> "Karl Erik Christensen" <karlerik@none.invalid.com> skrev i en meddelelse
> news:4e6235e1$0$304$14726298@news.sunsite.dk...
>> On 03-09-2011 13:35, Kurt G wrote:
>>
>>>>> samt style tabellens padding med css.
>>> Præcist hvordan?
>>> Hvad hedder de ting, som har med formen at gøre?
>>>
>>
>>> Mvh Kurt
>>>
>>
>> td {
>> padding: 0;
>> }
>>
>> Så er der slet ingen padding på.
>> Det ser sikkert tåbeligt ud, men så leger du bare lidt med padding
>>
>> Prøv:
>> padding: 5px; - her får du 5px hele vejen rundt.
>>
>> Padding: 5px 10px; - her 5px top og bund, 10px højre og venstre.
>>
>> Karl Erik.
>>
>
> Nu har jeg fjernet alle <p>,</p> og sat padding to 0, men det ser ikke ud
> til at gøre nogen forskel, der er stadig meget luft under.
> Sætter jeg padding til f.eks.10, kan jeg godt se, at det tager mere plads.
>
> Mvh Kurt
Men når jeg sætter FORM's padding til 0, hjælper det!
Så ved jeg det.
Tak for hjælpen.

Mvh Kurt

---

On 04-09-2011 10:22, Kurt G wrote:

> Men når jeg sætter FORM's padding til 0, hjælper det!
> Så ved jeg det.
> Tak for hjælpen.
>
> Mvh Kurt
>

Velbekomme

Så er der bare et par ting, som du bør være opmærksom på, for god ordens
skyld:

Du centrerer dine div'er efter tabel-metoden. Det kan give dig nogle
problemer som vil være svære at gennemskue:

<div align="center">

Dine div'er fylder 100% i bredden, men indholdet centreres.

Det ville være bedre at sætte en bredde på:

div {
   width: 500px; //eller hvad du finder passende.
   margin: auto;
   padding: 0;
}

Margin: auto; vil også centrere din div, og så fylder den ikke mere end
nødvendigt i bredden.

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com - Artikler om webdesign

---

> Men når jeg sætter FORM's padding til 0, hjælper det!

Hvorfor sætte du ikke bare en doctype som jeg skrev ?

---

"scootergrisen" <scootergrisen@gmail.com> skrev i en meddelelse
news:47475905-a3ce-4edc-a123-f688e7b01c2b@dl2g2000vbb.googlegroups.com...
> Men når jeg sætter FORM's padding til 0, hjælper det!

Hvorfor sætte du ikke bare en doctype som jeg skrev ?

Nok mest fordi jeg var inde på et andet spor og ville gøre det færdigt
først.
Tror du i øvrigt, at det vil hjælpe? Jeg kunne ikke lige se hvilken
smmenhæng det skulle have med problemet!
Hvis du mener det, må du forklare mig det!
Siden var kun en testside, derfor simpel.

Mvh Kurt

---

Kurt G frembragte:
> "scootergrisen" <scootergrisen@gmail.com> skrev i en meddelelse
> news:47475905-a3ce-4edc-a123-f688e7b01c2b@dl2g2000vbb.googlegroups.com...
>> Men når jeg sætter FORM's padding til 0, hjælper det!
>
> Hvorfor sætte du ikke bare en doctype som jeg skrev ?
>
> Nok mest fordi jeg var inde på et andet spor og ville gøre det færdigt først.
> Tror du i øvrigt, at det vil hjælpe? Jeg kunne ikke lige se hvilken smmenhæng
> det skulle have med problemet!
> Hvis du mener det, må du forklare mig det!
> Siden var kun en testside, derfor simpel.
>
> Mvh Kurt

Uden doctype, er browserne i quirks-mode. De ved ikke det er en test du
bare laver for at forvirre dem.
Og i quirksmode, er der ingen garanti for at noget ser ud som man
forventer det, og standarder overholdes ikke...

Doctypen fortæller browserne hvordan din kode skal fortolkes.
Uden doctype, gætter de.

Birger

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

---

"Birger Sørensen" <sdc@bbsorensen.com> skrev i en meddelelse
news:4e655388$0$306$14726298@news.sunsite.dk...
> Kurt G frembragte:
>> "scootergrisen" <scootergrisen@gmail.com> skrev i en meddelelse
>> news:47475905-a3ce-4edc-a123-f688e7b01c2b@dl2g2000vbb.googlegroups.com...
>>> Men når jeg sætter FORM's padding til 0, hjælper det!
>>
>> Hvorfor sætte du ikke bare en doctype som jeg skrev ?
>>
>> Nok mest fordi jeg var inde på et andet spor og ville gøre det færdigt
>> først.
>> Tror du i øvrigt, at det vil hjælpe? Jeg kunne ikke lige se hvilken
>> smmenhæng det skulle have med problemet!
>> Hvis du mener det, må du forklare mig det!
>> Siden var kun en testside, derfor simpel.
>>
>> Mvh Kurt
>
> Uden doctype, er browserne i quirks-mode. De ved ikke det er en test du
> bare laver for at forvirre dem.
> Og i quirksmode, er der ingen garanti for at noget ser ud som man
> forventer det, og standarder overholdes ikke...
>
> Doctypen fortæller browserne hvordan din kode skal fortolkes.
> Uden doctype, gætter de.
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
OK.
Mvh Kurt

---

On 5 Sep., 23:56, "Kurt G" <kur...@guldbaek.net> wrote:
> "scootergrisen" <scootergri...@gmail.com> skrev i en meddelelsenews:47475905-a3ce-4edc-a123-f688e7b01c2b@dl2g2000vbb.googlegroups.com...
>
> > Men når jeg sætter FORM's padding til 0, hjælper det!
>
> Hvorfor sætte du ikke bare en doctype som jeg skrev ?
>
> Nok mest fordi jeg var inde på et andet spor og ville gøre det færdigt
> først.
> Tror du i øvrigt, at det vil hjælpe? Jeg kunne ikke lige se hvilken
> smmenhæng det skulle have med problemet!
> Hvis du mener det, må du forklare mig det!
> Siden var kun en testside, derfor simpel.
>
> Mvh Kurt

Jeg prøvede det jeg skrev før jeg skrev det.
Hvis du fjerner alle dine <p> og </p> og sætter en doctype så er
mellemrummet væk.
Det fordi når man sætter en doctype så kan man være mere sikker på at
siden vises som man ønsker.
Ellers er der nogle små forskellige og ting stå ikke altid helt
præcist og sådan uden doctype.
Du kan se her : http://scootergrisen.dk/test/test0083.html

Det fint nok det bare er en test side men hvis sådan noget som
mellemrum har betydning og tingene skal stå rigtigt så start helt
klart med at angiv en doctype.

Du bestemmer selv hvad doctype du vil bruge men det er let hurtigt at
skrive <!doctype html> øverst i filen hvis du vil se om der er nogen
forskel... Den doctype betyder at din side er skrevet i HTML 5 jeg har
bare brugte den fordi den er let at skrive istedet for de lange
doctype for HTML 4.01 og ligende.

---

scootergrisen:
8X
> Det fordi når man sætter en doctype så kan man være mere sikker på at
> siden vises som man ønsker.

Var det bare så simpelt...
Man skal skrive sin kode i den standard man angiver i doctype, ellers
er det ligemeget.

8X
> Du bestemmer selv hvad doctype du vil bruge men det er let hurtigt at
> skrive <!doctype html> øverst i filen hvis du vil se om der er nogen
> forskel... Den doctype betyder at din side er skrevet i HTML 5 jeg har
> bare brugte den fordi den er let at skrive istedet for de lange
> doctype for HTML 4.01 og ligende.

Det nytter ikke at bruge doctype HTML, hvis man skriver XHTML - eller
doctye HTML5 når koden er HTML4.01.

Birger

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

---

On 3 Sep., 03:08, "Kurt G" <kur...@guldbaek.net> wrote:
> Hej.
> Jeg har nogle formularer, der er anbragt i tabeller.
> Under formularerne er der meget luft til tabelkanten nedenunder. Sehttp://www.hsra.dk/
> Jeg kan ikke mindske h jden ved at indstille h jden af cellen.
>
> Hvorfor fylder formularerne s meget og hvad kan man g re ved det?

Hvis du nu fusker lidt, så burde du kunne lave en række mere og så
bruge rowspan=2 til cellen i midterkolonnen. Ved ikke, om det virker,
men prøv.


MVH
Rune Jensen

---

Tilføj følgende øverst i filen :

<!doctype html>

Fjerne alle dine <p> og </p>

Lav eventuelt din tredie <tr> om til <tr style="vertical-
align:bottom;"> eller <tr style="vertical-align:top;">

---

scootergrisen udtrykte præcist:
> Tilføj følgende øverst i filen :
>
> <!doctype html>
>
> Fjerne alle dine <p> og </p>
>
> Lav eventuelt din tredie <tr> om til <tr style="vertical-
> align:bottom;"> eller <tr style="vertical-align:top;">

Nåh ja - man kan jo også holde sig til en gældende doctype, det behøver
jo ikke nødvendigvis være noget der ikke er anbefalet til brug endnu...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
f.eks.

Men det vil helt sikker hjælpe at fjerne p'erne uden indhold.

Birger

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