Avatar billede persus Nybegynder
04. februar 2005 - 08:41 Der er 5 kommentarer og
1 løsning

Tabeller og cellers højde

Forestil dig en tabel med 3 kolonner og 3 rækker. Du ønsker nu at den øverste og nederste række skal have en højde på 3 pixels, og den midterste række 20 pixels.

Hvordan laver man denne tabel?

De skide rækker nægter at være 3 pixels høje.
Avatar billede foralias Praktikant
04. februar 2005 - 08:45 #1
Du laver et gennemsigtigt billede på 3x3 pixels og sætter ind i den øverste og nederste række. Og så sætter du højden til auto.
ps. tjek lige padding og spacing på tabellen er = 0
Avatar billede persus Nybegynder
04. februar 2005 - 08:56 #2
Vil det sige at højden på en række kun kan defineres hvis rækken har et indhold?
Avatar billede foralias Praktikant
04. februar 2005 - 09:36 #3
Næh egentligt ikke men det er for at fjerne " " som jeg ved bl.a. dreamweaver ynder at sætte ind.
Men HTML kan være lidt tricky nogle gange.
Jeg har lavet en tabel til dig den kan du bruge.

<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="3"></td>
    <td height="3"></td>
    <td height="3"></td>
  </tr>
  <tr>
    <td height="20">&nbsp;</td>
    <td height="20">&nbsp;</td>
    <td height="20">&nbsp;</td>
  </tr>
  <tr>
    <td height="3"></td>
    <td height="3"></td>
    <td height="3"></td>
  </tr>
</table>

Denne virker hos mig.
Avatar billede persus Nybegynder
04. februar 2005 - 09:44 #4
Ok, jeg prøver. Tak din indsats, 30 point til dig!
Avatar billede foralias Praktikant
04. februar 2005 - 09:47 #5
Tak tak og held og lykke
Avatar billede olebole Juniormester
05. februar 2005 - 05:56 #6
<ole>

Det er en rigtig dårlig idé, at lave celler uden indhold. Der bør altid være mindst en &nbsp;. At indsætte et billede i stedet er ikke en god løsning, da der skal foretages et kald til serveren for hvert billede ... i dette tilfælde 9 unødige serverkald  ;o)

Langt bedre er det at skrive:

<style type="text/css">
.smallRow td {
    height: 3px;
    font-size: 0px;
    line-height: 0px;
}
</style>

<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr class="smallRow">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="20">&nbsp;</td>
    <td height="20">&nbsp;</td>
    <td height="20">&nbsp;</td>
  </tr>
  <tr class="smallRow">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

/mvh
</bole>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester