Søg
Avatar billede hoejgaard Juniormester
03. juni 2003 - 18:19 Der er 12 kommentarer og
1 løsning

tabeller i html

Jeg skal have lavet 5 tabeller ved siden af hinanden i HTML.Der skal være lidt luft imellem dem.
De består alle af en kolonne.
De har forskelligt antal rækker.
Den øverste del af tabellerne skal være ligeud for hinanden.
Hvordan gør jeg det ???
Avatar billede medions Nybegynder
03. juni 2003 - 18:20 #1
Hmm kan du ikke lige prøve at tegne det?

Altså fx.

|  |
|___|

osv.

//>Rune
Avatar billede qubi Nybegynder
03. juni 2003 - 18:23 #2
du laver da bare en tabel med fem kolonner i. I hver af disse kolonner indsætter du så en tabel med en kolonne og x antal rækker.
Avatar billede Jman Praktikant
03. juni 2003 - 18:24 #3
<table border="1" width="100%" id="table1">
    <tr>
        <td valign="top">
        <table border="1" width="100%" id="table2">
            <tr>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
        </table>
        </td>
        <td valign="top">
        <table border="1" width="100%" id="table3">
            <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>
        </td>
        <td valign="top">
        <table border="1" width="100%" id="table4">
            <tr>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
        </table>
        </td>
        <td valign="top">
        <table border="1" width="100%" id="table5">
            <tr>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
        </table>
        </td>
        <td valign="top">
        <table border="1" width="100%" id="table6">
            <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>
        </td>
    </tr>
</table>
Avatar billede hoejgaard Juniormester
03. juni 2003 - 18:25 #4
xxx    xxx  xxx  xxx  xxx
xxx    xxx  xxx  xxx  xxx
xxx          xxx  xxx  xxx
xxx                      xxx
xxx

cirka sådan
Avatar billede hoejgaard Juniormester
03. juni 2003 - 18:30 #5
Ja lidt som superior, men bare med afstand mellem de enkelte søjler
Avatar billede medions Nybegynder
03. juni 2003 - 18:30 #6
<table>
    <tr>
        <td valign="top">
            <table>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
            </table>
        </td>
        <td valign="top">
            <table>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
            </table>
        </td>
        <td valign="top">
            <table>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
            </table>
        </td>
        <td valign="top">
            <table>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
            </table>
        </td>
        <td valign="top">
            <table>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

//>Rune
Avatar billede medions Nybegynder
03. juni 2003 - 18:31 #7
<table cellspacing="10">
    <tr>
        <td valign="top">
            <table>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
            </table>
        </td>
        <td valign="top">
            <table>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
            </table>
        </td>
        <td valign="top">
            <table>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
            </table>
        </td>
        <td valign="top">
            <table>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
            </table>
        </td>
        <td valign="top">
            <table>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
                <tr>
                    <td>XX</td>
                </tr>
            </table>
        </td>
    </tr>
</table>


Så er der oxo cellspacing på!

//>Rune
Avatar billede Jman Praktikant
03. juni 2003 - 18:32 #8
cellspacing="den-afstand-du-vil-have"
Det skal du bare sætte i "table" i toppen
Avatar billede html_wizard Nybegynder
03. juni 2003 - 18:34 #9
xx1  xx6 xx8 x11 x14
xx2  xx7 xx9 x12 x15
xx3      x10 x13 x16
xx4              x17
xx5

<table cellpadding="10" cellspacing="0" border="0" width="100%" align="center">
<tr><td align="left" width="20%">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td align="left">xx1</td></tr>
<tr><td align="left">xx2</td></tr>
<tr><td align="left">xx3</td></tr>
<tr><td align="left">xx4</td></tr>
<tr><td align="left">xx5</td></tr></table>
</td><td width="80%" align="left">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
  <tr><!-- Row 1 -->
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr><!-- Row 2 -->
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr><!-- Row 3 -->
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr><!-- Row 4 -->
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr><!-- Row 5 -->
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>

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

</table>
Avatar billede html_wizard Nybegynder
03. juni 2003 - 18:37 #10
&nbsp;
er hvor du sætter indholdet for hver ramme. Efterlad tomme hvor der intet indhold skal være. ceææpadding kan du selv justere den fastsætter afstanden mellem kolonne 1 og 2.
Avatar billede html_wizard Nybegynder
03. juni 2003 - 18:40 #11
du kan også indsætte valign="top" hvor du ønsker at indholdet skal top-stilles, default er middle valign. Den indsættes i <td>
Avatar billede hoejgaard Juniormester
03. juni 2003 - 18:52 #12
det ser jo fint ud wizard
Avatar billede html_wizard Nybegynder
03. juni 2003 - 19:23 #13
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I dag 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »