Avatar billede maagefinke Nybegynder
07. december 2001 - 21:50 Der er 29 kommentarer og
4 løsninger

HTML 3 tabeller a 3 kolonner på en række

Jeg vil gerne have 3 tabeller med 3 kolonner i hver række og har lavet nedenstående kode. Det vil ikke lykkes. 3.tabel ryger ned på næste række, men der er tilsyneladende masser af plads iflg. skærmen. Hvad gør jeg forkert?

<Html>
<head>
<Title>Aftale2</title>
<H1><b>Aftale2</b></H1>
</head>
<Body Background=../Billeder/100.jpg>
<Font size=4 Font face=\"Verdana\",\"Arial\">
<table Align=left Border=1 width=15% Cellspacing=1>
<TH Colspan=3><B>Inventar og driftsmateriel</TH></b>
<TR>
<TD></Td><TD><B><Center>Debet</center></TD></b><TD><B><Center>Kredit</center></b></TD>
<TR>
<TD>1/10</Td><TD Align=right>90.000</TD><TD></TD>
<TR>
</Table>
<P>
<table Align=Center Border=1 width=15% Cellspacing=1>
<TH Colspan=3><B>Forudbetalte annoncer</TH></b>
<TR>
<TD></Td><TD><B><Center>Debet</center></TD></b><TD><B><Center>Kredit</center></b></TD>
<TR>
<TD>1/10</Td><TD align=right> 10.000</TD><TD</TD>
<TR>
</Table>
<P>
<table Align=right Border=1 width=15% Cellspacing=1>
<TH Colspan=3><B>Varelager</TH></b>
<TR>
<TD></Td><TD><B><Center>Debet</center></TD></b><TD><B><Center>Kredit</center></b></TD>
<TR>
<TD>1/10</Td><TD align=right> 23.500</TD><TD</TD>
<TR>
</Table>
<P>
Avatar billede gimmy Nybegynder
07. december 2001 - 21:52 #1
prøv at tegn hvad du mener - bare gør det i paint og upload en lille gif-fil :)
Avatar billede phrozia Juniormester
07. december 2001 - 21:57 #2
Hvad laver <TH Colspan=3><B>Inventar og driftsmateriel</TH> i toppen?

du kan heller ikke have en <th> tag uden at lave en <tr>

Prøv lige at sætte <TR> over <TH Colspan=3><B>Inventar og driftsmateriel</TH>
Avatar billede maagefinke Nybegynder
07. december 2001 - 21:59 #3
Vil nødig rode mig ind i paint som jeg overhovedet ikke kender. Men jeg tænker på én tabel bestående af 3 kolonner og 3 rækker. - Men sådan 3 ved siden af hinanden på et skærmbillede?
Er du med?
Avatar billede phrozia Juniormester
07. december 2001 - 22:07 #4
<table>

<tr>
<td>1</td><td>2</td><td>3</td>
</tr>

<tr>
<td>1</td><td>2</td><td>3</td>
</tr>

<tr>
<td>1</td><td>2</td><td>3</td>
</tr>

</table>

Således...
Avatar billede hono Nybegynder
07. december 2001 - 22:10 #5
Ellers så put det hele (de tre tabeller) ind i en stor tabel med tre lige brede kolonner.

Hono
Avatar billede maagefinke Nybegynder
07. december 2001 - 22:17 #6
>phrozia Det første forslag uden virkning. Jeg synes, at jeg gør det du skriver 22:07:23 men det gør jeg måske ikke. Kan det være det <P> jeg har lavet mellem mine tabeller? Ellers må jeg lige prøve at tage din kode ned og se, hvad der sker, når jeg transformerer den.
Avatar billede maagefinke Nybegynder
07. december 2001 - 22:19 #7
>Hono Jeg foretrækker det adskilt.
Avatar billede gimmy Nybegynder
07. december 2001 - 22:21 #8
der er lige et par ting vi skal have på plads.

maagefinke, når du skriver tabel så mener du altså række (Table Row).

Nej en <p> rører ikke ved det.
Avatar billede brita Nybegynder
07. december 2001 - 22:21 #9
det du mangler er den store tabel uden om, -du kan nemlig ikke have tabeller ved siden af hinanden hvis de ikke er puttet ind i en anden tabel:

<table>
<tr>
<td>tabel 1</td>
<td>tabel 2</td>
<td>tabel 3</td>
</tr>
</table>
Avatar billede phrozia Juniormester
07. december 2001 - 22:22 #10
Post lige din rettede kode, så ser jeg lige på det..

du skulle nok også rette TH til td...

men, post lige din kode.
Avatar billede gimmy Nybegynder
07. december 2001 - 22:22 #11
<TD>1/10</Td><TD align=right> 10.000</TD><TD</TD>

I denne linje mangler der i hvert fald et >-tegn!
Avatar billede phrozia Juniormester
07. december 2001 - 22:23 #12
Du putter forresten og 3 x <td> og din <Th> i samme <tr>..

det mås man ikke! :)
Avatar billede maagefinke Nybegynder
07. december 2001 - 22:37 #13
>phrozia Jeg får med dit forslag 22:07 3 tabeller UNDER hinanden. Det skal være ved siden af hinanden.
>brita Det lykkes med 2 tabeller. Jeg har defineret 1. tabel som table align=left, 2. tabel som table align=center og 3. tabel som table align=right.
Det er 3. tabel, der er mit problem, fordi den ryger en række ned. Umiddelbart finder jeg, at det må være fordi, der ikke er plads nok. Men jeg har også defineret Border=1 width=15%,så der skulle vel være plads nok?
Avatar billede maagefinke Nybegynder
07. december 2001 - 22:42 #14
Her er hele koden.
<Html>
<head>
<Title>Aftale2</title>
<H1><b>Aftale2</b></H1>
</head>
<Body Background=../Billeder/100.jpg>
<Font size=4 Font face=\"Verdana\",\"Arial\">
<table Align=left Border=1 width=15% Cellspacing=1>
<TH Colspan=3><B>Inventar og driftsmateriel</TH></b>
<TR>
<TD></Td><TD><B><Center>Debet</center></TD></b><TD><B><Center>Kredit</center></b></TD>
<TR>
<TD>1/10</Td><TD Align=right>90.000</TD><TD></TD>
<TR>
</Table>
<P>
<table Align=Center Border=1 width=15% Cellspacing=1>
<TR>
<TH Colspan=3><B>Forudbetalte annoncer</TH></b>
<TR>
<TD></Td><TD><B><Center>Debet</center></TD></b><TD><B><Center>Kredit</center></b></TD>
<TR>
<TD>1/10</Td><TD align=right> 10.000</TD><TD</TD>
<TR>
</Table>
<P>
<table Align=right Border=1 width=15% Cellspacing=1>
<TH Colspan=3><B>Varelager</TH></b>
<TR>
<TD></Td><TD><B><Center>Debet</center></TD></b><TD><B><Center>Kredit</center></b></TD>
<TR>
<TD>1/10</Td><TD align=right> 23.500</TD><TD</TD>
<TR>
</Table>
<P>
<Blockquote>

</blockquote>
<Pre><center><A Href=kontolaere3.html><img Src=../Billeder/Tilbage.gif></a>  <A Href=Kontolaere5.html><img Src=../Billeder/frem.gif></a></center></font></pre>
</Body>
</Html>
Avatar billede maagefinke Nybegynder
07. december 2001 - 22:54 #15
>Gimmy Jeg ser lige på det.
Avatar billede callesen Praktikant
07. december 2001 - 23:06 #16
<TD><B><Center>Debet</center></TD></b> skal være:
<TD><B><Center>Debet</center></b></TD>
Avatar billede callesen Praktikant
07. december 2001 - 23:12 #17
Lav:
<table tilpas til side attributter fx. border=0 style=\"height=100%;width:100%;\" osv.>
<tr>
<td>din 1. tabel</td>
<td>din 2. tabel</td>
<td>din 3. tabel</td>
</tr>
<table>
<P>
<Blockquote>

</blockquote>
<Pre><center><A Href=kontolaere3.html><img Src=../Billeder/Tilbage.gif></a>  <A Href=Kontolaere5.html><img Src=../Billeder/frem.gif></a></center></font></pre>
Avatar billede callesen Praktikant
07. december 2001 - 23:13 #18
hov det har brita foreslået - undskyld. Det er vist for sent til at læse på skærm  - go\'nat.
Avatar billede brita Nybegynder
07. december 2001 - 23:14 #19
>>>>> callesen, skriv ALDRIG 100% til noget som helst i tabeller, 98% max !!!
Avatar billede phrozia Juniormester
07. december 2001 - 23:16 #20
<Html>
<head>
<Title>Aftale2</title>
<H1><b>Aftale2</b></H1>
</head>
<Body Background=../Billeder/100.jpg>
<Font size=4 Font face=\"Verdana\",\"Arial\">


<table width=\"95%\" border=\"1\">
<tr>
<!-- FØRSTE DEL -->
<td width=\"33%\">
<center>

<table border=\"1\">
<tr>
<td Colspan=3><B>Inventar og driftsmateriel</Td>
</tr>

<TR>
<TD>&nbsp;</Td>
<TD><B><Center>Debet</center></TD>
<TD><B><Center>Kredit</center></TD>
</TR>

<tr>
<TD>1/10</Td>
<TD Align=right>90.000</TD>
<TD></TD>
</TR>
</Table>

</td>
<!-- ANDEN DEL -->
<td width=\"33%\">
<center>

<table border=\"1\">
<TR>
<Td Colspan=3><B>Forudbetalte annoncer</Td>
</tr>
<TR>
<TD>&nbsp;</Td>
<TD><B><Center>Debet</center></TD>
<TD><B><Center>Kredit</center></b></TD>
</tr>

<TR>
<TD>1/10</Td>
<TD align=right>10.000</TD>
<TD>&nbsp;</TD>
</TR>
</Table>

</td>
<!-- TREDIE DEL -->
<td width=\"33%\">
<center>

<table border=\"1\">
<TR>
<Td Colspan=3><B>Varelager</Td>
</tr>

<TD>&nbsp;</Td>
<TD><B><Center>Debet</center></TD>
<TD><B><Center>Kredit</center></b></TD>
</tr>

<TR>
<TD>1/10</Td>
<TD align=right>23.500</TD>
<TD>&nbsp;</TD>
</TR>
</Table>

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



</blockquote>
<Pre><center><A Href=kontolaere3.html><img Src=../Billeder/Tilbage.gif></a>  <A Href=Kontolaere5.html><img Src=../Billeder/frem.gif></a></center></font></pre>
</Body>
</Html>
Avatar billede maagefinke Nybegynder
07. december 2001 - 23:19 #21
>callesen 23:06 Tak! Jeg har prøvet med phrozia\'s ret simple kode. Det lykkedes med align=left og align=center men gik (som hos mig) galt med den 3.tabel. Måske har brita ret.. Men man kan ihvertfald få 2 tabeller ved siden af hinanden.
>callesen 23:12 Jeg vil prøve dit forslag, men det bliver desværre først i morgen.(Sengetid, tak for i aften og for foreløbig hjælp).
Avatar billede maagefinke Nybegynder
07. december 2001 - 23:22 #22
>phrozia - netop set. Jeg ser på det i morgen.:-)
Avatar billede phrozia Juniormester
07. december 2001 - 23:24 #23
Hovsa.. der var 2 små fejl...

dem rettede jeg lige.... Med den her kode, har du 1 hoved table, med 3 dele i, hvori du har et table i hvert.


<Html>
<head>
<Title>Aftale2</title>
<H1><b>Aftale2</b></H1>
</head>
<Body Background=../Billeder/100.jpg>
<Font size=4 Font face=\"Verdana\",\"Arial\">


<table width=\"100%\" border=\"1\">
<tr>
<!-- FØRSTE DEL -->
<td width=\"33%\">
<center>

<table border=\"1\">
<tr>
<td Colspan=3><B>Inventar og driftsmateriel</Td>
</tr>

<TR>
<TD>&nbsp;</Td>
<TD><B><Center>Debet</center></TD>
<TD><B><Center>Kredit</center></TD>
</TR>

<tr>
<TD>1/10</Td>
<TD Align=right>90.000</TD>
<TD>&nbsp;</TD>
</TR>
</Table>

</td>
<!-- ANDEN DEL -->
<td width=\"33%\">
<center>

<table border=\"1\">
<TR>
<Td Colspan=3><B>Forudbetalte annoncer</Td>
</tr>
<TR>
<TD>&nbsp;</Td>
<TD><B><Center>Debet</center></TD>
<TD><B><Center>Kredit</center></b></TD>
</tr>

<TR>
<TD>1/10</Td>
<TD align=right>10.000</TD>
<TD>&nbsp;</TD>
</TR>
</Table>

</td>
<!-- TREDIE DEL -->
<td width=\"33%\">
<center>

<table border=\"1\">
<TR>
<Td Colspan=3><B>Varelager</Td>
</tr>

<tr>
<TD>&nbsp;</Td>
<TD><B><Center>Debet</center></TD>
<TD><B><Center>Kredit</center></b></TD>
</tr>

<TR>
<TD>1/10</Td>
<TD align=right>23.500</TD>
<TD>&nbsp;</TD>
</TR>
</Table>

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


<Pre><center><A Href=kontolaere3.html><img Src=../Billeder/Tilbage.gif></a>  <A Href=Kontolaere5.html><img Src=../Billeder/frem.gif></a></center></font></pre>
</Body>
</Html>
Avatar billede phrozia Juniormester
07. december 2001 - 23:24 #24
Ok.. Godnat.. :)
Avatar billede maagefinke Nybegynder
08. december 2001 - 14:41 #25
Lidt svært dette her. Det jeg ville kunne ikke lade sig gøre, men jeg fik forslag og hjælp og rettelser fra jer. Tak! Og jeg håber I kan leve med disse points.:-)
Avatar billede maagefinke Nybegynder
08. december 2001 - 14:45 #26
>phrozia Det ser nydeligt ud og er absolut brugbart som alternativ til min egen idé. Måske bedre end mit eget.
Avatar billede maagefinke Nybegynder
08. december 2001 - 14:49 #27
>PS Callesen Jeg ville gerne have givet dig lidt også, men du har kun kommentarer.
Avatar billede maagefinke Nybegynder
08. december 2001 - 14:58 #28
>phrozia Hov, jeg tror ikke jeg ved hvad &nbsp betyder. Gider du forklare det?
Avatar billede hono Nybegynder
08. december 2001 - 15:20 #29
Maagefinke >> &nbsp; er et mellemrum (husk semikolon)

Hono
Avatar billede phrozia Juniormester
08. december 2001 - 17:06 #30
Grunden til at jeg har sat &nbsp; ind, er bare for den skal vise border\'en selv om der ikke står noget. Ellers viser den ikke border, og det ser lidt mystisk ud.

Takker for point... :)
Avatar billede callesen Praktikant
08. december 2001 - 22:38 #31
Point? - Næ - jeg overså britas svar, der dog senere skriver noget jeg ikke forstår. Hvorfor må tabeller ikke være 100%?? Hvis jeg skal bruge en tabel på 100%, har jeg altid brugt det - jeg har aldrig stødt på nogen problemer.
Avatar billede maagefinke Nybegynder
09. december 2001 - 14:59 #32
>callesen Heller ikke jeg, men lad os spørge Brita!
Avatar billede callesen Praktikant
09. december 2001 - 15:05 #33
>maagefinke Ja, hva\' er meningen med \"ALDRIG\"???
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