Avatar billede tipsen Nybegynder
29. marts 2002 - 19:46 Der er 7 kommentarer og
1 løsning

styling af tabeller....

Hej eksperter

Jeg har følgende tabelstruktur:

<table>
<tr>
  <td>(her er kode til en indsat tabel med 7 søjler og 7-9 rækker)</td>
  <td>(her er kode til en indsat tabel med 4 rækker!)</td>
  <td>(her er kode til en indsat tabel med 7 søjler og 7-9 rækker)</td>
</tr>
</table>

Dvs. jeg har en tabel med 3 indsatte tabeller!

Tabellerne i første og sidste celle er identiske i opbygning og deres højde definerer højden af tabellen der indeholder dem! Da deres højde kan variere, kan højden af den yderste tabel selvfølgelig også variere!

Den tabel jeg har i midten indeholder altid 4 rækker, hvor jeg gerne vil have, at den første række skal være øverst i cellen mens den sidste række skal være helt nederst i cellen! Dette skal være tilfældet uanset hvor høj den yderste tabel er - dvs. højden af de to midterste rækker i den midterste tabel må altså være variabel og afhænge af højden af den yderste tabel. Højden af øverste og nederste række må ikke ændres, men skal udelukkende afhænge af indholdet af disse rækker!

Er dette muligt vha. stylesheets og html!?

Og for ikke at få et "ja - det er muligt" (hvilket jeg selv kunne finde på at svare!) må jeg også hellere spørge hvordan ved samme lejlighed!

NB: Løsningen skal opfylde html4.01 og css2 standarderne.
Avatar billede jakoba Nybegynder
29. marts 2002 - 20:12 #1
Ja det er muligt.
Du gør det ved at skrive din HTML-kode på den rigtige måde.

Hæ Hæ.

mvh JakobA
Avatar billede tipsen Nybegynder
29. marts 2002 - 20:15 #2
...hvis jeg tænker over hvor stor en kværulant jeg selv kan være med hensyn til at formulere sig korrekt, så er det lige før du skal have point for det svar ;-)
Avatar billede tipsen Nybegynder
29. marts 2002 - 20:18 #3
Jeg må skulle:

1. Fortælle midterste tabel, at den skal bruge 100% af højden i den tabel den befinder sig i

2. Fortælle række 2 og 3 (kan evt. kombineres til en række) at de skal bruge så meget plads som muligt uden at genere række 1 og 4!

...???...
Avatar billede jakoba Nybegynder
29. marts 2002 - 20:25 #4
du opdeler din midterste tabel i to tabeller så nederste celle er er tabel for sig selv som du så aligner til bund i cellen.

men da enhver brug af height= attrubutten er 'ukorrekt HTML4.01" ved jeg ikke hvordan du skal få det til at validere.

mvh JakobA
Avatar billede tipsen Nybegynder
29. marts 2002 - 20:55 #5
-hvordan vil du aligne tabellen til bundlinien!?
Avatar billede jakoba Nybegynder
29. marts 2002 - 21:18 #6
hvad med:

<table>
  <tr>
    <td rowspan=2>
      din tilvenstre tabel
    </td>
    <td valign='top'>  <!-- valign er vist deprecated. gør det med en style -->
      de øverste 3 rækker af midttabellen i deres egen tabel
    </td>
    <td rowspan=2>
      din tilhøjre tabel
    </td>
  </tr>
  <tr>
    <td valign='bottom'>
      nederste celle i midttabellen i sin egen tabel
    </td>
  </tr>
</table>

mvh JakobA
Avatar billede tipsen Nybegynder
29. marts 2002 - 21:43 #7
Hehe - jeg fik selv ideen til rowspan kort inden jeg så dit svar og vha. vertical-align blev det yderligere stylet, så det ser tilfredsstillende ud og vist nok stadig er standard!

Jeg siger mange tak for hjælpen og diskussionen - læg et svar - så kan du lige få nogle point!

PS: Jeg er ved at lave et kalender/aftale system i php - nu begynder jeg også at kunne få det til at se godt ud... - når det er ved at være færdigt, tror jeg at jeg lægger det ud på Eksperten til spot og spe!
Avatar billede jakoba Nybegynder
29. marts 2002 - 21:47 #8
takker.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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