Avatar billede p_and Nybegynder
14. juni 2005 - 19:01 Der er 33 kommentarer og
2 løsninger

Afstand imellem to tabeller

Afstanden imellem to tabeller (under hinanden) er for stor. Kan jeg gøre noget ved det?
Avatar billede apo Praktikant
14. juni 2005 - 19:18 #1
<table style="margin-bottom:2px;" cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td></td>
  </tr>
</table>

Apo
Avatar billede apo Praktikant
14. juni 2005 - 19:19 #2
style="margin-bottom:2px;" sættes i den øverste :-)

Du kan justere mellemrummet ved at ændre værdien fra 2px til ?px
Avatar billede claus_joergensen Nybegynder
14. juni 2005 - 19:36 #3
huh, for stor ?

Der er ingen mellemrum (udover et linjeskift) mellem 2 <table>, så kan ikke helt se din point ?
Avatar billede p_and Nybegynder
14. juni 2005 - 19:41 #4
Det gør overhovedet ingen forskel. Der er den samme afstand alligevel.
Avatar billede p_and Nybegynder
14. juni 2005 - 19:44 #5
Lige efter </table> kommer <table> - altså en ny tabel. Og der mere end et linjeskifts afstand imellem.
Avatar billede apo Praktikant
14. juni 2005 - 19:47 #6
Prøv at smide lidt kode...
Avatar billede p_and Nybegynder
14. juni 2005 - 19:59 #7
(tabel)
</table>
<table width="581px" border="0" cellspacing="2" cellpadding="4">
<tr bgcolor="#FFFFFF">
  <th colspan="2" align="center"><font color="#FF0000">Who's Afraid of Virginia Woolf?</font></th>
</tr>
<tr>
  <td><img src="images/woolf2.jpg" /></td>
  <td><test</td>
</tr>
</table>

Jeg tror desværre ikke der er meget at se.
Avatar billede apo Praktikant
14. juni 2005 - 20:02 #8
Du viser kun én tabel, hvor er den anden?
Avatar billede p_and Nybegynder
14. juni 2005 - 20:11 #9
Det er den her. Der er ikke noget imellem de to tabeller. Altså imellem </table> og <table>.

(PS. Jeg ved godt at jeg gør det med font er "forkert", men jeg kan ikke få font til at fungere i min css. Var bare til orientering) 

<table style="float:left" width="410px" border="0" cellspacing="2" cellpadding="4">
<tr bgcolor="#FFFFFF">
  <th colspan="2" align="left"><font color="#FF0000">Paris, Texas</font></th>
</tr>
<tr valign="top">
  <td><img src="images/paristexas1.jpg" border="0"  alt="Nastassja Kinski & Hunter Carson" /></a></td>
  <td><font size="1">Vesttysk.-fr. 1984, 145 min.<br /> Instr.: Wim Wenders. Manuskript:<br /> SamShepard. Fotograf: Robby
  Mül-<br />ler. Musik: Ry Cooder. Produceret<br /> af Chris Sievernich.<br />Medv.: Harry Dean Stanton, Hunter<br />Carson,
  Nastassja Kinski, Dean<br />Stockwell, Aurore Clement, m. fl.<br />Priser: De Gyldne
  Palmer(Bedste<br /> film), British Academy Award,<br />French Film Critic's Prize & German<br />Film Prize in Silver
(Produktion).</font></td>
</tr>
<tr>
  <td colspan="2"><font size="2"> <-- En masse tekst -->  </font></td>
</tr>
</table>
Avatar billede p_and Nybegynder
14. juni 2005 - 20:12 #10
Den jeg netop har lagt på er øverst!
Avatar billede p_and Nybegynder
14. juni 2005 - 20:29 #11
Ellers må jeg jo bare leve med det mellemrum. Det er der ikke noget at gøre ved.

style="margin-bottom:2px;" kan jeg ikke få til at virke?
Avatar billede apo Praktikant
14. juni 2005 - 20:42 #12
Du skal huske at bruge dine tags korrekt. F.eks. må du ikke skrive width="410px" inde i et style-tag. Endvidere skal du huske at afslutte/adskille en værdi i et style-tag med ;

Du har desuden ikke indsat det style-tag jeg gav dig i den viste tabel... Prøv med denne:

<table style="float:left; margin-bottom:2px; width:410px;" border="0" cellspacing="2" cellpadding="4">
<tr style="background-color:#FFFFFF;">
  <th colspan="2" style="text-align:left;"><font color="#FF0000">Paris, Texas</font></th>
</tr>
<tr>
  <td style="vertical-align:top;"><img src="images/paristexas1.jpg" style="border:0;"  alt="Nastassja Kinski & Hunter Carson" /></a></td>
  <td><font size="1">Vesttysk.-fr. 1984, 145 min.<br /> Instr.: Wim Wenders. Manuskript:<br /> SamShepard. Fotograf: Robby
  Mül-<br />ler. Musik: Ry Cooder. Produceret<br /> af Chris Sievernich.<br />Medv.: Harry Dean Stanton, Hunter<br />Carson,
  Nastassja Kinski, Dean<br />Stockwell, Aurore Clement, m. fl.<br />Priser: De Gyldne
  Palmer(Bedste<br /> film), British Academy Award,<br />French Film Critic's Prize & German<br />Film Prize in Silver
(Produktion).</font></td>
</tr>
<tr>
  <td colspan="2"><font size="2"> <-- En masse tekst -->  </font></td>
</tr>
</table>

Jeg har foretaget enkelte rettelser af dine style-tags i ovenstående.

Apo
Avatar billede apo Praktikant
14. juni 2005 - 20:47 #13
I øvrigt kan du læse om CSS her:
http://www.html.dk/tutorials/css/

Eller her (Engelsk):
http://www.w3schools.com/css/default.asp

Måske kan du derigennem få styr på det med fonts i CSS :-)
Avatar billede p_and Nybegynder
14. juni 2005 - 20:53 #14
Hvor skal man så skrive width henne? Jeg er nød til at definere en bredde, eller rager den af en eller anden grund over i en tabel der er ved siden af til højre (har prøvet uden). Jeg har - på grund af noget med designet - tre tabeller ved siden af hinanden.
Avatar billede p_and Nybegynder
14. juni 2005 - 21:01 #15
Jeg forstod ikke det med 'du ikke skrive width="410px" inde i et style-tag'. Hvad er forskellen på det du har skrevet og det jeg skrev?
Avatar billede p_and Nybegynder
14. juni 2005 - 21:04 #16
Jeg kan heller ikke finde ud af hvornår der skal ; for enden af noget og hvornår der ikke skal. Alt det har jeg heller ikke lært (er ikke med i HTML-bogen). Og så kan jeg ellers give mig til at gå alle mine dokumenter igennem. Det bliver sgu bare ved med at dukke noget op, som ikke var med i den l..... bog!
Avatar billede p_and Nybegynder
14. juni 2005 - 21:19 #17
Ja det får jeg nu ikke nogen mindre afstand ud af ...
Avatar billede apo Praktikant
14. juni 2005 - 21:22 #18
1. Width skriver du på det tag du vil style. F.eks. <table style="width:100px;"... eller <td style="width:100px;"...

2. Du skrev sådan her: <table style="float:left" width="410px" border="0"... Undgå at bruge styles sammen med 'old-tags', og skriv i stedet således: <table style="float:left; width:410px;" border="0"...

3. Du afslutter f.eks. float:left med et ; (Semikolon). style="float:left; margin-bottom:2px;" osv.

Giv dig selv lidt tid til, at se på indholdet af de links jeg lagde :-)

Apo
Avatar billede p_and Nybegynder
14. juni 2005 - 21:43 #19
Ok.

Mht. den afstand, så kan jeg stadig ikke få den mindre. Men måske er det også bare mig der syntes den er for stor.

Læg et svar.
Avatar billede apo Praktikant
14. juni 2005 - 21:58 #20
Er det afstanden mellem to tabeller, du mener? Eller mener du mellem to celler?
Avatar billede p_and Nybegynder
14. juni 2005 - 21:59 #21
Imellem de to tabeller.
Avatar billede apo Praktikant
14. juni 2005 - 21:59 #22
P.S. Det var en fejl at jeg lagde et svar... Du skal kun give mig points, hvis vi finder frem til løsningen på problemet.
Avatar billede apo Praktikant
14. juni 2005 - 22:01 #23
Prøv at lægge koden til begge tabeller...
Avatar billede p_and Nybegynder
14. juni 2005 - 22:02 #24
Hvis en eventuel ny tabel starter med <table> lige efter </table>-slutkoden på den forrige - og der ikke er noget imellem, ikke engang afstand - så er der nok ikke så meget man kan gøre, for at få afstanden mindre.
Det kan som sagt også være det bare er mig der syntes den er for stor. Jeg kan jo spørge hvad I mener, når jeg har fået siden lagt på.
Avatar billede apo Praktikant
14. juni 2005 - 22:05 #25
Bruger du f.eks. FrontPage? FP kan være slem til at lægge divs <div> forskellige steder hvor de ikke gør gavn.

Men jeg kan så spørge om hvorfor du anvender to tabeller, i stedet for en enkelt? (Måske er det ikke nødvendigt med to tabeller)
Avatar billede p_and Nybegynder
14. juni 2005 - 22:05 #26
Jamen der ar afstanden imellem de to tabeller vi allerede har beskæftiget os med. Den 20:42:27 (som er øverst) og den 19:59:40 (som er nederst).
Avatar billede p_and Nybegynder
14. juni 2005 - 22:10 #27
Det skyldes at den første er imellem to andre tabeller (har med designet at gøre). Den slutter samme sted som den til venstre (den yderst til højre er gennemgående). Derefter er jeg jo nød til at begynde en ny. Ellers får jeg ikke det stykke med under den til højre (derfra hvor dén slutter).
Jeg kunne ikke lave en tabel med tre kolonner, da overskrifter m.v skulle være i forskellige niveauer.

Det forstår du måske ikke meget af. Er vanskeligt at forklare ...
Avatar billede p_and Nybegynder
14. juni 2005 - 22:10 #28
Jeg benytter Note Tab Pro.
Avatar billede p_and Nybegynder
14. juni 2005 - 22:11 #29
Skulle have stået: under den til *venstre* (derfra hvor dén slutter).
Avatar billede apo Praktikant
14. juni 2005 - 22:12 #30
Okay, den havde jeg ikke lige opfattet :-/

Hmm... Nu jeg tænker over det, har jeg selv før haft to tabeller oven på hinanden, uden det omtalte mellemrum. Mit sidste bud er sådan set, at du kan sætte margin til 0px (Selv om det ikke burde være nødvendigt):

<table style="margin:0px;" (På begge tabeller).

Ellers ved jeg faktisk ikke hvad det kan skyldes...
Avatar billede apo Praktikant
14. juni 2005 - 22:15 #31
Hmm... Det er svært for mig at se ud fra din beskrivelse.

Jeg kender ikke Note Tab Pro, men så længe det ikke er FrontPage kan det ikke være helt slemt ;-)

Jeg har ikke andre bud...
Avatar billede p_and Nybegynder
14. juni 2005 - 22:48 #32
Nej, det er det samme.
Pyt være med det. Jeg lader det være som det er. Når jeg får det lagt på, kan I fortælle mig om afstanden er naturlig eller ej.

Jeg benytter pt. kun Note Tab Pro for overskuelighedens skyld (den tildeler lidt forskellige farver til forskellige koder ...). Jeg benytter ikke de færdige tags der af i den, men skriver det hele manuelt. Det er ikke for at gøre det så besværligt som muligt, men for at lære det bedst muligt.
At jeg har lavet lidt små fejl skyldes som sagt, at der er ting i den bog jeg har lært det efter, som ikke er med der i. Andet er lavet om siden (fx. : i stedet for =).
Avatar billede busschou Praktikant
14. juni 2005 - 22:57 #33
Nu har jeg ikke læst alle indlæg, og jeg kan ikke se en sammenhængende kode....
Men du kan altid ændre afstanden ved at "flytte den nederste op"
Eksempel
---
<table border="1">
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
</table>
<table border="1" style="position:relative;top:-20px;">
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
</table>
----
Her er den nederste flyttet 20px op
Avatar billede p_and Nybegynder
14. juni 2005 - 23:02 #34
Det var lige den jeg manglede.
Avatar billede busschou Praktikant
14. juni 2005 - 23:04 #35
det lyder da godt...godt jeg ikke gik i seng så ;o)
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