Avatar billede dallan2007 Nybegynder
07. februar 2007 - 14:47 Der er 12 kommentarer og
1 løsning

Mellemrum mellem tabeller

Davser,

Når jeg skal lave mellemrum mellem 2 tabeller som skal være mindre end < br /> så sætter jeg ofte en 3. tabel med en variable højde ind i mellem:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#FF0000">&nbsp;</td>
  </tr>
</table>
            <table width="10" height="5" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td></td>
              </tr>
            </table>
            <table width="100" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td bgcolor="#FFFF00">&nbsp;</td>
              </tr>
            </table>
            <table width="10" height="5" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td></td>
              </tr>
            </table>
            <table width="100" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td bgcolor="#00CC00">&nbsp;</td>
              </tr>
            </table>
</body>
</html>

Men det virker en smule klodset... findes der en pænere måde?

Mv.
Allan
Avatar billede simplus Nybegynder
07. februar 2007 - 14:49 #1
Du kunne lave en left eller right padding på en af tabellerne?

Du kunne også lave et mellemrum med en specifik font-størrelse?

Du kunne lave en hvid <hr> med en angivet bredde?

Mulighederne er mange, fortæl istedet hvad du _IKKE_ er interesseret i :-)
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 14:50 #2
Eén stor tabel med variable < td /> er ikke hvad jeg søger.

Altså:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#FF0000">&nbsp;</td>
  </tr>
  <tr>
    <td height="5"></td>
  </tr>
  <tr>
    <td bgcolor="#FFFF00">&nbsp;</td>
  </tr>
  <tr>
    <td height="5"></td>
  </tr>
  <tr>
    <td bgcolor="#00CC00">&nbsp;</td>
  </tr>
</table>
            </body>
</html>

Det kan ikke bruges til mit formål.
Avatar billede simplus Nybegynder
07. februar 2007 - 14:54 #3
Jeg ville nok foreslå en padding på table elementet på 1 af de 2 tabeller.
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 14:56 #4
Dette: <td bgcolor="#FF0000" style="padding-bottom:0.5cm">&nbsp;</td> får kun cellen til at blive større. Det samme er tilfældet med cellpadding/cellspacing.
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 14:57 #5
Det skulle nærmest være noget i denne dúr:

<table width="100" border="0" cellspacing="0" cellpadding="0" style="padding-bottom:10cm">
  <tr>
    <td bgcolor="#FF0000">&nbsp;</td>
  </tr>
</table>
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 15:02 #6
"Du kunne også lave et mellemrum med en specifik font-størrelse?"

Er det ikke næsten lige så uskønt som tabellen? (Desuden kan jeg ikke helt få det til at spille hehe.)
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 15:04 #7
"Jeg ville nok foreslå en padding på table elementet på 1 af de 2 tabeller."

Øh.. du mener at jeg skal beholder mine 2 mellemrumstabeller, men bruge padding i stedet for height="X"? Det bliver vel det samme.
Avatar billede simplus Nybegynder
07. februar 2007 - 15:05 #8
Hmm, jeg kan ikke helt forstå din kode, da den ikke passer med din beskrivelse af problemet. Så pt kan jeg kun komme med råd til hvordan du kan løse problemet på de 2 tabeller du forklarede før.

på den første tabel kan du lave noget ala

<table style="padding-right: 5px;">

og med hensyn til det med fonten kan du gøre således:

<span style="font-size: 5px;">&nbps;</span>
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 15:11 #9
Så har jeg nok fejlformuleret mig. Hovedpointen er dette:

Hvordan laver man et mellemrum med en valgfri højde mellem 2 selvstændige tabeller.

Dette: "<span style="font-size: 10px;">&nbsp;</span>" løser absolut problemet, og hvis det en den bedste/pæneste måde så smid et svar :)
Avatar billede simplus Nybegynder
07. februar 2007 - 15:14 #10
Jeg vil mene det er den simpleste måde, men du kunne også lave et billede der fyldte 1*1px og selv definere højden på det så det udvider sig? Det er måske ikke den kønneste måde, men tjae.

Selv ville jeg dog gøre som du selv startede med, altså definere højden på en td og samle tabellerne sammen.
Avatar billede simplus Nybegynder
07. februar 2007 - 15:15 #11
og med hensyn til point, så gør det ikke noget. Bare behold dem, samler alligevel ikke på dem.
Avatar billede dallan2007 Nybegynder
07. februar 2007 - 15:18 #12
Jamen ok og takker.
Avatar billede simplus Nybegynder
07. februar 2007 - 15:20 #13
:-)
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