låse bredder og højder fast i tabel celler?

<img src="billede.png" height="50px">

uhm,.. ikke helt. Her er lige et screen shot af hvad jeg mener. Jeg skulle nok have smidt SS ind med det samme =)

http://www.triodimenzionale.dk/misc/eksperten/celle_problem.jpg

Det er den lettere lyserøde celle der er problemet,.. Den nederste celle skal blive så stor som nødvendigt, men den øverste skal forblive 50px

Har du et link til siden så jeg kan se koden?

http://www.salsabananas.dk/nytsite <--- =)

Der er desuden også et par andre problemer, men ok en ting ad gangen. Når billederne i siden kommer ind random skubber de lidt til designet så hovedtabellen bliver lidt for bred,.. Det kan du se oppe ved siden af menuen.

screen shottet jeg lavede kommer fra undersiden "Holdundervisning"

<ole>

Det er det evige problem med at bruge rowspan og colspan i de fleste browsere ... og generelt er der i øvrigt problemer med fast højde på celler i IE  :)

/mvh
</bole>

-- og standard-løsningen plejer at hedde: Sæt et element ind i cellen, som kan sættes til en fikseret størrelse, f.eks. en div !-)

øhm,.. nogen der lige kan skrive en div med fast højde på 50? =) Jeg har ikke brugt div ret meget så kender ikke lige komandoerne :P

<div style="height:50px;border:1px solid red;test-align:center">Et div</div>

- og du kan også sætte bredde på, hvis du vil  =)

- og den bliver jo faktisk 52px høj, da border'en skal lægges til - men du kan vel selv skrive '48px'  ;o)

Kanon,.. tak...

En ting til: hvis du ser på http://www.salsabananas.dk/nytsite/tilmelding.php kan du se at den har lavet luft mellem top cellen og indholds cellen... Det er sikkert fordig jeg har Div til den øverste og normalt CSS i den nederste...

Kan man ikke med div definere en class eller noget så jeg ikke skal skrive hele den her bunke hver gang jeg skal bruge de samme indstillinger?
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-bottom-width: thin;
    border-left-width: thin;
    border-right-width: thin;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-color: #CDC7B5;
    border-left-color: #CDC7B5;
    border-right-color: #CDC7B5;
    color: #362904;

Grunden til at jeg har defineret de tre borders er at der jo ikke skal være dobbelt border der hvor de to celler mødes.

Du kan evt sætte flere klasser på samme element:

div {
  font: bold 12px verdana, arial, sans-serif;
  color: #000080;
  background: #ededed;
}
.myDiv {
  border: 3px solid;
  border-color: red blue yellow green;
  border-top: 0 none;
}
.myLeft {
  text-align: left;
}
.myRight {
  text-align: right;
}

<div class="myDiv myLeft">TEST</div>

- læg i øvrigt mærke til den lidt slankere måde, jeg definerer tre borders på  ;o)
<div class="myDiv myRight">TEST</div>

Hov ... kommentaren havnede inde mellem divene. Den skulle have stået efter - og uden for kode-eksemplet  =)

ammen det er jo smukt olebole!

Jeg prøver at rode viddere med det om det virker bedre med div,..

Lige en ting til =)  Hvis jeg gerne vil lave en margin i en bestemt celle så alt inholdet bliver rykket f.eks. 10 pixels ind, hvordan gøres det bedst?

Og hvordan virker det her div på Mac både med safari og explorer?

Og Ole smid liiige et svar så du ka få lidt points! Jeg tror langt om længe jeg har fattet at jeg skal bruge div noget mere :P

Du sætter style="padding:10px" på elementet - eller en klasse, hvori du sætter padding til 10px. Det virker i alle browsere, der forstår CSS  ;o)

halløj igen!

Var lige på skiferie så spørgsmålet havde ikke såååå høj prioritet =)

Men takker olebole... hier gibt ihr points ^ ^

Hehe ... velkommen tilbage og tak for points  ;o)