Html - tabeller

Siden kan ikke vises....

så laver du bare tabller inde i hinnanden

Jeg vil gerne have et eksempel!

fx først en ydere

<table>
<tr>
<td>
<table>
<tr>
<td>
</td>
</tr>
</td>
</tr>
<table>

a-torsten: Prøv igen?!

Strange... Kan ikke åbne den side.....

baastrup: Jeg ved godt hvordan man laver tabeller, men hvis jeg laver dem ind i hinanden med cellpading="1" laver den jo cellpading til 2, hvis jeg laver to tabeller med hver 1, der ligger lige ved siden af hinanden...

a-torsten, skal jeg sende billedet til dig pr. mail?

oki jeg det kan jeg godt se

Sådan her klarer du det med en enkelt tabel:

<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td rowspan="9">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>


Cellernes størrelse tilpasser du bare med nogle spacer-gifs

cellpading="0"

laver kode 2 sec

Lav flere tabeller! - at bruge row og celspan holder ikke!

Følgende er vel ca. hvad der skal til - det er meget "råt"!

<table>
<tr>
    <td>TOP
    </td>
</tr>
<tr>
    <td valign="top">
        <table>
        <tr>
            <td>MENUPUNKT1
            </td>
        </tr>
        <tr>
            <td>MENUPUNKT2
            </td>
        </tr>
        <tr>
            <td>ETC...
            </td>
        </tr>
        </table>
    </td>
    <td>CENTER
    </td>
</tr>
</table>

a@backslash.dk

Overskuelig kode! ;o)

mon ikke:

<table>
  <tr>
    <td>
      <table>
        <tr>
          <td>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

et godt kneb er at give tabellerne border=1 og forskellig baggrundsfarve indtul du har helt check på hcilke tabelceller der sal ligge hvor, så fjerner man border og baggrund og alle tror man gjorde det i hovedet.

mvh JakobA

Nå - og hvad er så galt med row og colspans?

Intet hvis man tænker sig om.

repsac: Det bliver ikke godt nok, det du har lavet er jo bare tabeller oven i hinanden. Det bliver ikke ordentligt!

j0ker... Sender du så jeg kan lege med..??

=>pelkjaer: prøv en gang at bruge andet en IE og så begynd at flæske rundt med højder, bredder mv. sammen med row- og colspan - det er en dårlig coktail... tro mig, jeg har prøvet det for mange år siden! - se www.ke.person.dk

Faktisk ser pelkjaers løsning nogenlunde okay ud, hvad er problemet med det?

=>j0ker: Hvad er problemet i en tabel inden i en tabel?

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Titel</title>
<style>
td.menu {border-bottom:1px solid black; line-height:25px; width:150px;}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" style="border:1px black solid;" width="700">
<tr>
    <td style="border-bottom:1px black solid; height:100px;">banner eller whatever</td>
</tr>
<tr>
    <td>
    <table cellpadding="0" cellspacing="0">
<tr>
    <td>
    <table cellpadding="0" cellspacing="0" style="border-right:1px black solid;">
<tr>
    <td class="menu">1</td>
</tr>
<tr>
    <td class="menu">2</td>
</tr>
<tr>
    <td class="menu">3</td>
</tr>
<tr>
    <td class="menu">4</td>
</tr>
<tr>
    <td class="menu">5</td>
</tr>
<tr>
    <td class="menu">6</td>
</tr>
<tr>
    <td class="menu">7</td>
</tr>
<tr>
    <td class="menu">8</td>
</tr>
</table>
    </td>
    <td valign="top">Indhold</td>
</tr>
</table>
    </td>
</tr>
</table>
</body>
</html>

repsac: to celler på en pixel hver giver 2 pixels.
Det kommer til at se dumt ud!
http://www.friserverplads.dk/j0ker/help2.gif

repsac>>Som jeg også skrev kan han udspille sine celler med trans gifs...det er det eneste der holder hvis NS 4 også skal være med.

Ingen problemer i det.

www.asdev.dk/arj/eksperten.htm

werd: Virker ikke!

prøv igen har lige uploaded

Bunden i menutabellen gør netop det den ikke skal!

har rettet lidt fejl!! Den er perfekt nu!

se igen nu!

Sådan, nu virkder din werd - border bottom skulle lige ændres til 0!!
Venter lige lidt med at acceptere!

du skal tænke på hvis tabellen bliver kort så går den imod.. det kan man ikke forhindre!!

=>j0ker: style="border: 1px solid rgb(0,0,0);" virker kun i IE... du kunne jo evt. lade være med at snuppe en border rundt omkring de falske steder...

Følg under alle omstændigheder w3.org-standarderne - det er den eneste vej frem!

=>pelkjaer: NS4 skal ikke være med... ;o) det er forældet og noget værre lort. Jeg kører selv med linux også. Her er jeg godt muggen over at jeg ikke har kunnet finde en browser der kan w3-standarderne. Det er fa'me irriterende, men sådan er det tilsyneladende - jeg må nøjes med Opera6...

er ns6.2 ikke bedre end opera 6?

=>werd: ved det ikke, de NS-produkter jeg har forsøgt mig med har været det værste hø - også noget hø at få installeret tilfredstillende...

Jeg browser ikke så meget rundt, så jeg kan godt overleve opera, men når codeweavers får fikset crossover office så IE også kan køre bliver det nok mit foretrukne valg vil jeg tro.

Jeg har ikke fundet en løsning endnu...

virker min ikke?

repsac>>Jep - NS 4 er noget gammelt høg :) Det var mere for at illustrere at det min løsning er ganske ok.

Forresten er Opera 6 næsten endnu værre end NS 4 - synes jeg =oD

werd: Nej, kanten nede i bunden må ikke være der!

se på han billede og så mit link igen... kan i se en eneste forskel?

www.asdev.dk/arj/eksperten.htm
http://www.friserverplads.dk/j0ker/help.gif

du kan jo bare sætte &nbsp ind efter 'menuen' så tabellerne ikke lukker sammen!!

Nej, og det er vel egentlig også hjælp til selvhjælp det koncept her :o)

der stod &amp;nbsp; eksperten lavede bare lige koden om! lol

werd: Jeg kan ikke se forskel! Tak for hjælpen!

pelkjaer: Hvad mener du??

werd: Den du har lavet er praktisk taget identisk i ie6.0 og nn6.2.2 :-)