Notifikationer

Markér alle som læst Log ud

steen_hansen Forsker

26. september 2004 - 12:06 Der er 7 kommentarer og
1 løsning

Nestede tables

Jeg har leget lidt med en tabel, hvor jeg vil prøve at undgå flest mulige tables inde i andre tables. Men resultatet er mildest talt ikke godt. Hvordan ville du lave det? Jeg håber du ud fra koden kan se hensigten. Ellers må du spørge :o)

<div align="center">
<table border="0" cellpadding="0" cellspacing="0" style="width: 755px;">
<tr>
<td colspan="11">Banner</td>
</tr>
<tr>
<td colspan="4" style="width: 138px;"> </td>
<td colspan="2" style="width: 1px;"></td>
<td style="width: 204px;"> </td>
<td style="width: 1px;"></td>
<td style="width: 205px;"> </td>
<td style="width: 1px;"></td>
<td style="width: 205px;"> </td>
</tr>
<tr>
<td align="left" valign="top" rowspan="2" style="width: 138px;">Menu</td>
<td align="left" valign="top" rowspan="2" colspan="2" style="width: 1px;"></td>
<td align="left" valign="top" colspan="8" style="width: 616px;">Overskrift</td>
</tr>
<tr>
<td colspan="3" style="width: 260px;">Info 1</td>
<td colspan="5" style="width: 356px;">Brugervalg</td>
</tr>
<tr>
<td colspan="2" style="width: 138px;"></td>
<td colspan="3" style="width: 1px;"></td>
<td colspan="6" style="width: 616px;">Bottom</td>
</tr>
</table>
</div>

Synes godt om

roenving Novice

26. september 2004 - 12:24 #1

Næh, den kan jeg ikke gennemskue, når du f.eks. i fjerde række vil have en celle til at dække 3 kolonner med en bredde på 260px, som i anden række højest kan være 139px ...

-- men du kunne jo i stedet helt undgå problemer ved at lægge dine kolonner ved siden af hinanden som f.eks. divs, da du jo slet ikke bruger kolonne-egenskaben

Synes godt om

roenving Novice

26. september 2004 - 12:27 #2

F.eks.

<style type="text/css">
div{float:left;}
</style>

<div align="center" style="clear:both;">
<table border="0" cellpadding="0" cellspacing="0" style="width: 755px;">
<tr>
<td>Banner</td>
</tr>
<tr>
<td>
<div style="width: 138px;"> </div>
<div style="width: 1px;"></div>
<div style="width: 204px;"> </div>
<div style="width: 1px;"></div>
<div style="width: 205px;"> </div>
<div style="width: 1px;"></div>
<div style="width: 205px;"> </div></td>
</tr>
<tr>
<td>
<div align="left" valign="top" style="height:500px;width: 138px;">Menu</div>
<div align="left" valign="top" style="height:500px;width: 1px;"></div>
<div align="left" valign="top" style="height:75px;width: 616px;">Overskrift</div>
<div style="height:425px;width: 260px;">Info 1</div>
<div style="height:425px;width: 356px;">Brugervalg</div></td>
</tr>
<tr>
<td>
<div style="width: 138px;"></div>
<div colspan="3" style="width: 1px;"></div>
<div style="width: 616px;">Bottom</div></td>
</tr>
</table>
</div>

Synes godt om

steen_hansen Forsker

26. september 2004 - 12:32 #3

Jeg kan godt se idéen, men resultatet ser mærkeligt ud, gør det ikke?

Synes godt om

steen_hansen Forsker

26. september 2004 - 12:42 #4

Det hele bliver listet ud under hinanden, og målet var dette (har hurtigt flikket det sammen i FP, koden er ad H til, det er kun lavet i FP for hurtigt at kunne illustrere):

<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="755">
<tr>
<td colspan="3">Banner</td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="138"></td>
<td width="1"></td>
<td width="204"></td>
<td width="1"></td>
<td width="250"></td>
<td width="1"></td>
<td width="205"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="138" valign="top" align="left">
<table border="0" cellpadding="0" cellspacing="0" width="138">
<tr>
<td><b>Menu</b></td>
</tr>
<tr>
<td>Link 1</td>
</tr>
<tr>
<td>Link 2</td>
</tr>
<tr>
<td>Link 3</td>
</tr>
<tr>
<td>Link 4</td>
</tr>
</table>
</td>
<td width="1"></td>
<td width="616" valign="top" align="left">
<table border="0" cellpadding="0" cellspacing="0" width="616">
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td width="250"></td>
<td width="366"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="138"></td>
<td width="1"></td>
<td width="204"></td>
<td width="1"></td>
<td width="205"></td>
<td width="1"></td>
<td width="205"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>

Synes godt om

steen_hansen Forsker

14. oktober 2004 - 17:21 #5

roenving, læg lige et svar. Det er vist ved at være tid til at lukke :o)

Synes godt om

roenving Novice

14. oktober 2004 - 17:22 #6

Oki '-)

Synes godt om

steen_hansen Forsker

14. oktober 2004 - 17:24 #7

Tak :o)

Synes godt om

roenving Novice

14. oktober 2004 - 17:28 #8

Tak for point ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS