Mangler en bedre forståelse af colspan og rowspan i tabel opbyg.

Måske her:
http://www.html.dk/tutorials/html/lektion11.asp

http://www.html.dk/tutorials/html/lektion10.asp
http://www.html.dk/tutorials/html/lektion11.asp

Prøv:

http://www.html.dk/tutorials/html/lektion11.asp

*LOL* den er populær hva'? *G*

Kraftig enighed *g*

Webcafe har også lavet en udmærket side:

http://www.webcafe.dk/artikler/html/tabeller/

jo jo...
Nu kunne jeg godt tænke mig noget der er lidt mere fyld i, for udfra lektionerne på www.html.dk og www.webcafe.dk giver det ikke mig ide om hvordan jeg skal bygge en tabel op, der ser så'en her ud;

http://www.djalfe.dk/projekter/billeder/table.gif

Men det er bare et af tilfældene, for det sker tit at jeg sidder og roder rundt i disse kompliceret tabeller (Jeg synes de er tunge at arbejde med)

så, findes der ikke noget information med lidt mere fylde i... ???

/Djalfe

Skal der være alle de små forskydninger i ?-)

Jeg ville tænke i kun at lave tabeller, som havde rene linjer, og så indbygge andre ting ved hjælp af layers, som også har den fordel, at de kan styres fuldstændig i størrelsen, eks.:

<table width="1024">
  <tr>
    <td width="256">
      <img src="logo.gif" height="70" width="256"></td>
    <td colspan="2" width="768">
      <img src="hoved.gif" height="70" width="768"></td>
  </tr>
  <tr>
    <td width="256">
      &nbsp;</td>
    <td width="512">
      &nbsp;</td>
    <td width="256">
      <div style="height:628px"></div>
      <div styke="height:70px"><img src="help.gif"></div></td>
  </tr>
</table>

Ja alle de små forskydninger skal være der, da f.eks kan se, gå Hovedmenuen hen over alle menubar.

Der er også "hjælp" som skal have rowspan på 2, da menubar2 går helt ned til den sidste <td>

hmmm.....
Er der slet ikke nogen, med et link til en genial forklaring på opbygning af en table med colspan og rowspan??

Jeg har hørt en meget lille fugl synge om at man altid skal starte sin tabel bagfra, for at gøre det overskueligt for en selv, når man arbejder med så mange forskydninger i sine tabeller. Er det så rigtigt???

Personligt er det sjældent jeg når ud i så avancerede tabeller som dit eksempel, men for eksemplets skyld så lad os prøve at bygge den op.

Først er det godt at vide hvor mange kolonner og rækker vi får brug for, dertil bruger vi din figur. Lad os starte med rækkerne:
"Logo" spænder over 2 rækker (hovedmenu og toppen af menubar 2 og 3)
"Menubar 1" spænder over 2 rækker.
"hjælp" igen 2 rækker - men den ene har vi allerede talt med.
Nu skulle alle rækker være dækket ind, det giver 5 rækker ialt.

Kolonner tælles på samme måde (vandret) her når vi frem til 7 - tæl selv efter.

Nu er vi klar til at bygge tabellen op. Personligt ville jeg gøre det i denne rækkefølge:
1. lav tabel med 6 rækker
2. indsæt logoboks i første række første celle (colspan=2, rowspan=2)
3. indsæt hovedmenu i første række (colspan=5)
4. indsæt tomt felt i anden række første celle
5. indsæt menubar 2 i anden række anden celle (rowspan=3)
6. indsæt menubar 3 i anden række tredje celle (rowspan=2 colspan=2)
7. indsæt tom bar i anden række fjerde celle (rowspan=2)
8. indsæt tom bar i tredje række første celle (rowspan=2)
9. indsæt menubar 1 i tredje række anden celle (rowspan=2 colspan=2)
10. indsæt tom firkant i fjerde række første celle (rowspan=2)
11. indsæt hjælp i fjerde række anden celle (rowspan=2 colspan=2)
12. indsæt tom bar i femte række første celle (colspan=4)

Det skulle give den ønskede tabel, man kan regne sammen om det nu også er korrekt lavet, men det letteste er klart at se det. Derfor er det en god ide at sætte border=1 på din tabel, mens du "designer" den. HTML-koden bliver som følger:

<table border=1>
<tr>
<td colspan=2 rowspan=2>LOGO</td>
<td colspan=5>Hovedmenu</td>
</tr>
<tr>
<td>&nbsp;</td>
<td rowspan=3>Menubar 2</td>
<td rowspan=2 colspan=2>Menubar 3</td>
<td rowspan=2>&nbsp;</td>
</tr>
<tr>
<td rowspan=2>&nbsp;</td>
<td rowspan=2 colspan=2>Menubar 1</td>
</tr>
<tr>
<td rowspan=2>&nbsp;</td>
<td rowspan=2 colspan=2>Hjælp</td>
</tr>
<tr>
<td colspan=4>&nbsp;</td>
</tr>
</table>

Jeg ved godt at det ikke er voldsomt pædagogisk, men det kan måske hjælpe lidt alligevel. Trikket er efter min mening at få talt rækker og kolonner korrekt i starten, og så ellers holde tungen lige i munden.
God fornøjelese ;o)

Swuppe>>
Jeg takker mange gange, det er sgu noget jeg kan bruge.

Men er jeg forkert på den, når mener at der skal være 5 rækker???

Ang. pointene så kom jeg selvfølgelig til at lave lort i det, så skal jeg ikke lige lave et nyt indlæg, så du kan få dine point

Nu har jeg siddet og leget lidt med din tabel, Hvis jeg nu gerne vil have fuld kontrol over de forskellige rækker og kolonner (længde og bredde), skal jeg så bruge stylesheet eller sætte paremeterne direkte ind i tabellen???

Hej djalfe

Nej det er korrekt nok der skal være 5 rækker, det var en slå fejl.

Jeg ville lægge det ind i et stylesheet, men det er et spørgsmål om temperament samt hvilke browsere det skal virke i, min erfaring er dog at det er klart lettest med stylesheets.

Jeg har prøvet med stylesheet nu, men jeg sgu ikke rigtig få det til at virke.

Hvis jeg piller ved det ene, er der noget som ikke passer i den anden ende.

Ja det skulle ikke undre mig, jeg bruger ikke selv tables til mine sider så jeg ved ikke rigtigt hvad den gyldne regel er. Men hvis man kan lave det du ønsker uden tables, så kan jeg godt give dig en hånd. Denne fremgangsmåde har dog visse begrænsninger i forhold til browserkompabilitet, og så skal jeg nok også have et bedre billede af præcis hvad du prøver at opnå.

Mht. points så kan du godt oprette et nyt indlæg for min skyld, hvis du synes jeg har fortjent det ;o)

hæ hæ, Jeg tror du har for tjent de point, så jeg laver lige et nyt indlæg.

http://www.eksperten.dk/spm/376220

men Djalfe .. hvorfor opretter du et nyt spm for at overføre points - du kan stadig nå at give swuppe pointsne i dette spm ---

bare bede ham om at lægge et nyt svar - så kan du acceptere det....

som jeg skrev i http://www.eksperten.dk/spm/376220 så behøver du ikke at oprette nye spørgsmål for at overføre spørgsmålets points -- Du har jo ikke lukket det andet spørgsmål endnu...

Nu har swuppe jo slet ikke svaret endnu i dette spm, så hvad er behovet ?-)

Var der ellers andet i gerne vil ud med, for det der hylkeri kan jeg ikke rigtig bruge til en skid.

Jeg er ked af at jeg har trådt jer over fødderne, men tag da lige en slapper. Det kan sgu da ikke passe at bare fordi man lave en enkelt fejl, så er der straks nogen der trade for groft i det.

Få jer dog et liv......

Jeg håber seriøst at CoAdmins ser dette, måske ser han/hende hvem der virkelig forpurre Eksperten.dk

Glade hilsner
Djalfe

djalfe -> en nem måde at bygge avancerede tabeller op på, er ved at holde sig til simple tabeller, og så ligge dem inden i hinanden, så er de noget nemmere at holde styr på ;-)