---

Hejsa,

Er det ikke muligt at tvinge en mindre rækkehøjde igennem i en tabel? Jeg
har prøvet med noget CSS, som fx

table{width:100%;height:10%}

og

table{width:100%;height:2px}

Ingen af ovenstående har dog nogen effekt. Kan nogen hjælpe mig?

Lars

---

"Lars Thomsen Nielsen" <lars@EraseThisflexcom.dk> skrev i en meddelelse
news:47d7bfa2$0$90269$14726298@news.sunsite.dk...

> Ingen af ovenstående har dog nogen effekt. Kan nogen hjælpe mig?

En tabelcelle har, når der ikke er defineret noget indhold eller der kun er
tekstindhold, en minimumshøjde svarende til linjehøjden for tekst i
tabelcellen.
Man kan justere på linjehøjden med styles, - feks. ved at tilføje en class
(på TR eller alle TD-er i rækken), som har en defineret linjehøjde på det
ønskede.

/Per

---

> Man kan justere på linjehøjden med styles, - feks. ved at tilføje en
> class (på TR eller alle TD-er i rækken), som har en defineret linjehøjde
> på det ønskede.

Hmm, jeg kan ikke helt gennemskue det, men jeg er heller ikke særlig skrap
på det her område. Hvis jeg i første omgang dropper Class, så forstår jeg
ikke hvorfor nedenstående ikke tvinger en rækkehøjde på 5 pixels?

<table border=1>
<t>
<td height="5px">Lars</td>
</tr>
</table>

Lars

---

"Lars Thomsen Nielsen" <lars@EraseThisflexcom.dk> skrev i meddelelsen
news:47d85f0b$0$90275$14726298@news.sunsite.dk...

> så forstår jeg ikke hvorfor nedenstående ikke tvinger en rækkehøjde på 5
> pixels?
>
> <table border=1>
> <t>
> <td height="5px">Lars</td>
> </tr>
> </table>

td height="5px" giver ingen mening for browseren.
Det gør derimod disse:

1) <td height="5"> (Gammeldags måde fra forrige århundrede, anbefales ikke)
2) <td style="height: 5px;"> (inline-CSS).

Punkt 2 svarer til dette:
<td class="fempixel">

css:
td.fempixel {
height: 5px;
}

---

> 1) <td height="5"> (Gammeldags måde fra forrige århundrede, anbefales
> ikke)
> 2) <td style="height: 5px;"> (inline-CSS).
>
> Punkt 2 svarer til dette:
> <td class="fempixel">
>
> css:
> td.fempixel {
> height: 5px;
> }

Tak for den kode, den forstår jeg godt (og sidste css-del er smart), men jeg
synes nu stadig ikke det virker med in-line css.

Jeg har prøvet at lave et lille eksempel på følgende side:
http://home24.inet.tele.dk/flexsun/TabelRowHeight.htm

Her synes jeg ellers at jeg angiver en rækkehøjde, der er mindre en
skriftstørrelsen, så burde teksten ikke blive skåret af? Jeg ønsker kort og
godt at teksten i rækkerne kommer meget tættere på hinanden (border=0)
hjælper selvfølgelig lidt, men ikke så meget igen

Tabelkoden fra websiden:

<table border=1>
<tr>
<td style="height: 5px;">Celle1</td>
<td style="height: 5px;">Celle2</td>
</tr>
<tr>
<td style="height: 5px;">Celle3</td>
<td style="height: 5px;">Celle4</td>
</tr>
</table>

---

"Lars Thomsen Nielsen" <lars@EraseThisflexcom.dk> skrev i en meddelelse
news:47d8f5f5$0$90265$14726298@news.sunsite.dk...

> Her synes jeg ellers at jeg angiver en rækkehøjde, der er mindre en
> skriftstørrelsen, så burde teksten ikke blive skåret af? Jeg ønsker kort
> og

En tabelcelle tilpasser sig inholdets størrelse, og udvider sig efter det.
Når linjehøjden er større end 5px udvides tabelcellen tilsvarende.
Det samme gælder hvis der indlægges en grafik som er større end det angivne
for cellen.
Sådan er systematikken.

Man kan muligvis bruge style overflow til hidden, så det overskydende
klippes af.
Men det kræver at der er defineret både en højde og en bredde at beregne
overflow-et på.
Jeg kan ikke lige huske om det gyldigt at style TD-er med dette, men hvis
ikke kan det gøres med en div i td-en:

<td><div style="width:15opx, height:5px, overflow:hidden">tekst</div></td>

Men det er jo ikke rigtig fedt at klippe teksten af, - så er der ligesom
ingen grund til at skrive den i første omgang
Den rigtige løsning er at style teksten i cellen, så den passer til dine
behov.

/Per

---

"Lars Thomsen Nielsen" <lars@EraseThisflexcom.dk> skrev i en meddelelse
news:47d8f5f5$0$90265$14726298@news.sunsite.dk...
>> 1) <td height="5"> (Gammeldags måde fra forrige århundrede, anbefales
>> ikke)
>> 2) <td style="height: 5px;"> (inline-CSS).
>>
>> Punkt 2 svarer til dette:
>> <td class="fempixel">
>>
>> css:
>> td.fempixel {
>> height: 5px;
>> }
>
> Tak for den kode, den forstår jeg godt (og sidste css-del er smart), men
> jeg synes nu stadig ikke det virker med in-line css.
>
> Jeg har prøvet at lave et lille eksempel på følgende side:
> http://home24.inet.tele.dk/flexsun/TabelRowHeight.htm
>
> Her synes jeg ellers at jeg angiver en rækkehøjde, der er mindre en
> skriftstørrelsen, så burde teksten ikke blive skåret af? Jeg ønsker kort
> og godt at teksten i rækkerne kommer meget tættere på hinanden (border=0)
> hjælper selvfølgelig lidt, men ikke så meget igen
>
> Tabelkoden fra websiden:
>
> <table border=1>
> <tr>
> <td style="height: 5px;">Celle1</td>
> <td style="height: 5px;">Celle2</td>
> </tr>
> <tr>
> <td style="height: 5px;">Celle3</td>
> <td style="height: 5px;">Celle4</td>
> </tr>
> </table>
>


I css skal du angive collapse : collapse for tabellen.
Det svarer lidt til det gammeldags (men i nogle browsere vist stadig
brugbare) cellspacing.

Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.

---

Birger skrev:

> I css skal du angive collapse : collapse for tabellen.
> Det svarer lidt til det gammeldags (men i nogle browsere vist stadig
> brugbare) cellspacing.

Nej. Cellspacing afløses af padding sat på th- og td-elementer.

"Collapse" findes ikke som separat parameter. Der findes
border-collapse hvis effekt jeg ikke præcist kender.

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

---

Border-collapse: collapse får tabelkanten til at falde sammen så den
ikke optager plads.

Dette simple eksempel illustrerer det:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<style type="text/css">
..style1 {
   border-collapse: collapse;
   border: 1px solid #000000;
}
..style2 {
   border: 1px solid #000000;
}
..style3 {
   border-style: solid;
   border-color: #000000;
}
</style>
</head>

<body>

<table class="style1" style="width: 100%">
   <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
   </tr>
   <tr>
      <td>&nbsp;</td>
      <td class="style3">&nbsp;</td>
   </tr>
</table>
<p>&nbsp;</p>
<table class="style2" style="width: 100%">
   <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
   </tr>
   <tr>
      <td>&nbsp;</td>
      <td class="style3">&nbsp;</td>
   </tr>
</table>

</body>

</html>

Regards Jens Peter Karlsen.


On Thu, 13 Mar 2008 16:32:26 +0100, Bertel Lund Hansen
<unospamo@lundhansen.dk> wrote:

>"Collapse" findes ikke som separat parameter. Der findes
>border-collapse hvis effekt jeg ikke præcist kender.

---

Jens Peter Karlsen skrev:

> Border-collapse: collapse får tabelkanten til at falde sammen så den
> ikke optager plads.

Tak for info.

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

---

> Dette simple eksempel illustrerer det:

Tak for eksemplet. Det fungerer fint. Dog mener jeg ikke at det kan intet
slå en almindelig <br> og det kan godt være at jeg i min kode vil benytte
den fremfor mange <tr>. På den måde kan jeg få flest mulige rækker på mindst
plads og samtidig stadig have muligheden for at anvende "tab" som <td> giver
mig i en tabel.

Tak for hjælpen til dig og de øvrige der har bidraget i sagen.

Lars

---

Bertel Lund Hansen wrote:

> Nej. Cellspacing afløses af padding sat på th- og td-elementer.

Ikke rigtigt. Attributten cellspacing afløses af css-egenskaben
border-spacing. Problemet med border-spacing er bare, at det fatter IE <7
ikke en fis af, så man er nødt til fortsat at definere cellspacing, hvis man
i IE 6 vil have fuldt styr på afstanden mellem tabelceller.

Den forældede html-ækvivalent til css-definition af padding på th og td er
cellpadding:

<table class="luft" cellspacing="2" cellpadding="5">

> "Collapse" findes ikke som separat parameter. Der findes
> border-collapse hvis effekt jeg ikke præcist kender.

Egenskaben border-collapse kan tildeles værdierne collapse eller separate.
Separate er default og definitionen kan helt undlades, hvis man ønsker luft
mellem tabelceller:

table {
border-collapse: collapse;
}

table.luft {
border-collapse: separate; /* kan udelades */
borderspacing: 2px;
}
th, td {
padding: 5px;
}

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

---

"Lars Thomsen Nielsen" <lars@EraseThisflexcom.dk> skrev i meddelelsen
news:47d8f5f5$0$90265$14726298@news.sunsite.dk...

> Her synes jeg ellers at jeg angiver en rækkehøjde, der er mindre en
> skriftstørrelsen, så burde teksten ikke blive skåret af? Jeg ønsker kort
> og godt at teksten i rækkerne kommer meget tættere på hinanden (border=0)
> hjælper selvfølgelig lidt, men ikke så meget igen

Prøv så dette:

I CSSen laver du denne formdeklaration:

table {
border-collapse: collapse;
}

td {
padding: 0;
}

Ovenstående gør, at felterne ikke laver luft mellem tekst og cellekant, og
med border-collapse bliver der heller ikke noget luft mellem cellerne.