---

Hvordan får jeg cellehøjden i en tabel til at passe?

Se http://87.48.111.122/produktinfo.php?varegruppe=020110

Cellehøjden til højre for billedet er sat til 10px i css filen, ellers
klapper de tomme felter helt sammen.
Men de felter med noget i er for høje.
Det har jo nok noget med billedet at gøre.
Jeg har prøvet at lave en tom celle nederst som "buffer" hvis billedet
variere lidt i størrelse, men jeg kan ikke få det pænt.

Nogen forslag?

/Gert

Uddrag af tabel:
<tr><td width='25%'></td><td width='25%'></td><td width='20%'></td><td
width='15%'></td><td width='15%'></td></tr>
<tr><td class="infobillede" rowspan='8' colspan='2'><img src="<?php echo
$billede_sti.$gruppenr.".jpg";?>" alt="Copyright, TC Maskinfabrik
A/S"/></td></tr>

<tr><td class="infovgtxt" colspan='3'><?php echo $vgruppetxt1; ?></td></tr>
<tr><td class="infovgtxt" colspan='3'><?php echo $vgruppetxt2; ?></td></tr>
<tr><td class="infovgtxt" colspan='3'><?php echo $vgruppetxt3; ?></td></tr>
<tr><td class="infovgtxt" colspan='3'><?php echo $vgruppetxt4; ?></td></tr>
<tr><td class="infovgtxt" colspan='3'><?php echo $vgruppetxt5; ?></td></tr>
<tr><td class="infovgtxt" colspan='3'><?php echo $vgruppetxt6; ?></td></tr>

<tr><td></td></tr>

Uddrag af CSS fil:
td.infovgtxt {
height:10px;
text-align: left;
background-color: #F0F0F0;
}

td.infobillede{
height:250px;
text-align: center;
}

---

On 2 Maj, 14:21, "gc" <gertc-sl...@msn.com> wrote:
> Hvordan får jeg cellehøjden i en tabel til at passe?

Du sørger for, at der ikke er noget indhold i cellen, der er større
end den højde du har defineret. Eksempelvis er der ikke meget sjov i
at begrænse en celle til 10px højde, hvis ens tekst deri er 15 px
højt ;)

Venlig hilsen


Jesper Lützen

---

Du sørger for, at der ikke er noget indhold i cellen, der er større
end den højde du har defineret. Eksempelvis er der ikke meget sjov i
at begrænse en celle til 10px højde, hvis ens tekst deri er 15 px
højt ;)

Tekstens højde skulle gerne være samme størrelse som i de nederste rækker.
Og der er cellehøjden jo fin nok.

---

gc skrev:

> ellers klapper de tomme felter helt sammen.

Du kan lægge en &nbsp; i de tomme celler, eller
lege lidt med empty-cells, der kan have værdierne
show, hide og inherit.

Du skal i øvrigt lige checke i IE6, her hopper din
tabel ned under menuen.

--
Allan Vebel
http://html-faq.dk

---

> Du kan lægge en &nbsp; i de tomme celler, eller
> lege lidt med empty-cells, der kan have værdierne
> show, hide og inherit.
>
Tak, det prøver jeg at lege med.
Men kan man lægge en max højde ind for de celler med noget i?

> Du skal i øvrigt lige checke i IE6, her hopper din
> tabel ned under menuen.
>
ÆV, den valideres ellers fint.

---

> Du kan lægge en &nbsp; i de tomme celler, eller
> lege lidt med empty-cells, der kan have værdierne
> show, hide og inherit.
>
Jep, det virker.
Desuden fik jeg den ide at lave en ny tabel inde i cellen, det ser ud til at
virke.

Tak for hjælpen.

PS. Du skulle vel ikke vide hvad forskellen er på IE6 og IE7 mht placeringen
af tabellen.?

---

gc wrote:
> Jep, det virker.
> Desuden fik jeg den ide at lave en ny tabel inde i cellen, det ser ud til at
> virke.
>
> Tak for hjælpen.
>
> PS. Du skulle vel ikke vide hvad forskellen er på IE6 og IE7 mht placeringen
> af tabellen.?
>

Hvorfor prøve at lave så mange krumspring? sæt hellere cellehøjden så
der rent faktisk er plads til tekst du bruger uden at den udvider
cellen. Prøv 15-18px højde. Det andet er mildest talt noget fusk....

Mvh
Jacob Ask

---

>
> Hvorfor prøve at lave så mange krumspring? sæt hellere cellehøjden så der
> rent faktisk er plads til tekst du bruger uden at den udvider cellen. Prøv
> 15-18px højde. Det andet er mildest talt noget fusk....
>
Problemet er bare at cellen bliver meget højere end det er nødvendigt.
Jeg har rodet meget med forskellige cellehøjder, uden det blev pænt.
Den justere åbenbart cellehøjden automatisk så de fordeler sig jævnt i
forhold til den 1. celle med billedet.
Du har sikkert ret i at det kan laves smartere, men indtil jeg bliver bedre
må jeg fuske lidt

---

gc skrev:

> Problemet er bare at cellen bliver meget højere
> end det er nødvendigt.

Er det en tabelcelle vi snakker om, bliver den ikke
højere end det indhold der bliver lagt i den.

Det er derfor ikke nødvendigt at give en tabelcelle
en bestemt højde, det skal indholdet nok klare for
dig.

> Jeg har rodet meget med forskellige cellehøjder,
> uden det blev pænt.

Så lad være med det, se ovenstående!

Højde på enheder er altid en vanskelig størrelse når
man prøver at manipulere med den. Det bedste er
som regel at lade indholdet, i form af tekst og billeder
(og her kan teksten have forskellig størrelse i forskellig
sammenhæng) styre højden.

I dit tilfælde ville jeg gribe præsentationen helt anderledes
an, også for at undgå de mange valideringsfejl, det bør
du også se på.

--
Allan Vebel
http://html-faq.dk

---

> Er det en tabelcelle vi snakker om, bliver den ikke
> højere end det indhold der bliver lagt i den.
>
Hvis du ser på http://87.48.111.122/produkter.php?kategori=gevindfittings
så bemærk at den nederste celle (der hvor der står anvendelse) er højere end
de andre,
selv om indholdet er samme højde.

> I dit tilfælde ville jeg gribe præsentationen helt anderledes
> an, ...

Hvordan ?

/Gert

---

gc skrev:

> så bemærk at den nederste celle (der hvor der står
> anvendelse) er højere end de andre, selv om
> indholdet er samme højde.

Den nederste celle er den med kobberskiver - der er
slet ingen tekst. Ordet "Anvendelse" optræder ikke der,
så jeg forstår ikke helt dit spørgsmål.

I cellen med "Slangevinkel" er billedet højere end de
øvrige, så her vil tabelcellen naturligvis udvides.

>> I dit tilfælde ville jeg gribe præsentationen helt
> anderledes an, ...
>
> Hvordan?

Du har tabeller i tabeller i tabeller, det kan sagtens
forenkles, så det kun er de egentlige tabulære data
der står i tabeller.

Prøv også at se valideringsresultatet.

--
Allan Vebel
http://html-faq.dk

---

> Du skal i øvrigt lige checke i IE6, her hopper din
> tabel ned under menuen.
>
Jeg tror jeg fik løst IE6 problemet.
jeg satte tabel breden til 98% istedet for 100%.