Vrøvl med Border i <table></table>

er det sådan du mener??


<html>
<head>
    <title>Untitled</title>
</head>

<body img src=\"grafik/personel.gif\" width=\"374\" height=\"386\" alt=\"\" border=\"0\" background=\"grafik/personel.gif\" bgproperties=\"FIXED\" style=\"background-position: left; background-repeat: no-repeat;\">
<table width=\"500\" height=\"350\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\" align=\"center\">
<tr>
    <th>a</th>
    <th>b</th>
    <th>c</th>
    <th>d</th>
</tr>
<tr>
    <td>aa</td>
    <td>bb</td>
    <td>cc</td>
    <td>dd</td>
</tr>
</table>
</body>
</html>

er det derher du mener?

<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
<tr>
    <td>a+aa</td>
    <td>b+bb</td>
    <td>c+cc</td>
    <td>d+dd</td>
</tr>
</table>


(så kan du ikke se nogle af kasserne, men de er sat sammen i fire forskellige kasser)

eller dether er måske mere på plads?

Så lige at du også ville definere højde og bredde så brug denne:


<html>
<head>
    <title>Untitled</title>
</head>

<body img src=\"grafik/personel.gif\" width=\"374\" height=\"386\" alt=\"\" border=\"0\" background=\"grafik/personel.gif\" bgproperties=\"FIXED\" style=\"background-position: left; background-repeat: no-repeat;\">
<table width=\"500\" height=\"350\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\" align=\"center\">
  <tr>
    <th width=\"150\" height=\"150\">
      <div align=\"center\">a</div>
    </th>
    <th width=\"150\" height=\"150\">
      <div align=\"center\">b</div>
    </th>
    <th width=\"150\" height=\"150\">
      <div align=\"center\">c</div>
    </th>
    <th width=\"150\" height=\"150\">
      <div align=\"center\">d</div>
    </th>
  </tr>
  <tr>
    <td width=\"150\">
      <div align=\"center\">aa</div>
    </td>
    <td width=\"150\">
      <div align=\"center\">bb</div>
    </td>
    <td width=\"150\">
      <div align=\"center\">cc</div>
    </td>
    <td width=\"150\">
      <div align=\"center\">dd</div>
    </td>
  </tr>
</table>
</body>
</html>

Ja, næsten og dog langt fra: Der skal være 15 px mellemrum imellem hver af de lodrette kasser.
Den øverste kasse kal være 150*150 og der må kun være en streg om hver af de 4 kasser .. ikke rundt om dem alle ...

ups, glemte indholdet.

<table cellpadding=\"0\" cellspacing=\"0\" border=\"1\" width=\"600\">
<tr>
    <td width=\"25%\">g</td>
    <td width=\"25%\">g</td>
    <td width=\"25%\">g</td>
    <td width=\"25%\">g</td>
</tr>
</table>

(har med vilje undladt at sætte height på tabbellen, da alle browsere ikke tolker denne attribut ens... men du kan altid tilføje den hvis du vil.)

for rigtig at gøre det kompliceret:
<table width=\"500\" border=\"0\" cellspacing=\"15\" cellpadding=\"0\" align=\"center\">
<tr>
  <td><table border=0 width=106 height=320 style=\"border:1px solid black\">
      <tr><th style=\"border:1px solid black\">a</th></tr>
      <tr><td style=\"border:1px solid black\">aa</td></tr></table></td>
  <td><table border=0 width=106 height=320 style=\"border:1px solid black\">
      <tr><th style=\"border:1px solid black\">b</th></tr>
      <tr><td style=\"border:1px solid black\">bb</td></tr></table></td>
  <td><table border=0 width=106 height=320 style=\"border:1px solid black\">
      <tr><th style=\"border:1px solid black\">c</th></tr>
      <tr><td style=\"border:1px solid black\">cc</td></tr></table></td>
  <td><table border=0 width=106 height=320 style=\"border:1px solid black\">
      <tr><th style=\"border:1px solid black\">d</th></tr>
      <tr><td style=\"border:1px solid black\">dd</td></tr></table></td>
</tr>
</table>

mvh JakobA

-->jacobve
Umiddelbart gør din kode slet ikke det jeg skal bruge ??? Eller er det mig der misforstår ??

-->hojben
Den sidste kode er :) :) :) NÆSTEN perfekt.... Der er dog de 2 streger og så mellemrummet imellem de lodrette kasser :(

Kan det i det hele taget laves med table ??

-->jacoba
Din kode sætter det hele i en lodret søjle :(

jeg tror det er mig der er misforstået det hele... :-)

Jeg tror ikke helt jeg er med på dine 2 streger.. http://213.237.80.136/tester.htm

og det var ikke 4 lodrette søjler du ville have?

ku du evt tegne hvad du vil have i et grafikprogram og vise det?

www.friserverplads.dk/scopecode
Her er de 2 streger (rammer)
den ene omkandser hele skidtet .. (den yderste)
Det er den der skal væk.

har du kigget på http://213.237.80.136/tester.htm  ??

-->hojben
Jep ... og der er slet ikke nogen streger :(
Der skal være en om hver af de 4 par ... (a+aa  b+bb osv.)

Hmm.... lader til at det ikke kan lade sig gøre :(

Jeg fordeler point ligeligt for jeres indsats ... Er det fino med jer ??? (5 til hver)

er det evt sådanfornoget?
http://www.jakoba.dk/eksperten/exp142362.html

dvs tabel i tabel ??

Jeg har lavet en illustration ...
www.friserverplads.dk/scopecode/image1.gif

-->jacoba
Ganske korrekt :) :) Do men en kasse under hver af billederne der ikke er mellemrum på :(

Ligesom billedet jeg linkede til ...

som nu (samme addr).

-->jacoba

I samme øjeblik du fortæller hvordan du har lavet det der, havner der alle point i din pointbank :)

mandator ... kig dog i hans kode..

<table border=\"0\" cellspacing=\"15\" cellpadding=\"0\" align=\"center\">
<tr>
  <td><table border=0 cellspacing=0 style=\"border:1px solid black\">
      <tr><th style=\"border:1px solid black\"><IMG SRC=\"../std/ismil3030.gif\" BORDER=\"0\" WIDTH=\"150\" HEIGHT=\"150\" ALT=\"\"></th></tr>
      <tr><th style=\"border:1px solid black\">smil</th></tr></table></td>
  <td><table border=0 cellspacing=0 style=\"border:1px solid black\">
      <tr><th style=\"border:1px solid black\"><IMG SRC=\"../std/iblink3030.gif\" BORDER=\"0\" WIDTH=\"150\" HEIGHT=\"150\" ALT=\"\"></th></tr>
      <tr><th style=\"border:1px solid black\">blink</th></tr></table></td>
  <td><table border=0 cellspacing=0 style=\"border:1px solid black\">
      <tr><td style=\"border:1px solid black\"><IMG SRC=\"../std/icool3030.gif\" BORDER=\"0\" WIDTH=\"150\" HEIGHT=\"150\" ALT=\"\"></td></tr>
      <tr><th style=\"border:1px solid black\">cool</th></tr></table></td>
  <td><table border=0 cellspacing=0 style=\"border:1px solid black\">
      <tr><td style=\"border:1px solid black\"><IMG SRC=\"../std/lady3030.gif\" BORDER=\"0\" WIDTH=\"150\" HEIGHT=\"150\" ALT=\"\"></td></tr>
      <tr><th style=\"border:1px solid black\">lady</th></tr></table></td>
</tr>
</table>

kan det passe du ikke kender den med at højreklikke og grabbe koden med cut&paste?

mvh JakobA

Nej nej *gg* den kender jeg ... bare rolig :)
Problemet ligger i at gennemskue din kode for at lære den :)

.......og CTRL+A / CTRL+C / CTRL+V er hurtigere end højreklik når man er på dokumentet :) :) :)

Det eneste der rigtig er at læger her er vist at
  border=, cellspacing= og cellpadding=
IKKE kkum påvirker tabellens kant, men også kanterne i alle tabellens celler.

style=\"border: ... ; margin: ... ; padding: ... ;\"
påvirker kun det html-element de bliver sat i. så her giver css bedre kontrol.

mvh JakobA

Ups:  læger -> lære  kkum -> kun

(du skal ihvertfald ikke prøve at lære stavning der:-))

Hmm....
Sidder og leger med koden nu, og jeg begynder stille at forstå den :)

Nu mangler jeg blot at placere det korrekt i forhold til baggrunden :)

Men tuusind tak for hjælpen :)

www.friserverplads.dk/scopecode
under \"personel\"
Det er hvad det er blevet til nu :)

pas på med at bruge baggrunden som forgrundselement.
Dels kræver det flere forskellige (ret store) gif billeder der skal loades.
Dels kan du ikke stole synderligt på de der no-repeat properties. NS4.x ignorerer dem totalt.
Dels centrerer IE din baggrund lodret så i store vinduer står brødkrummen langt uden rammekanten.
Lav det hellere som billedelementer i forgrunden, så risikerer du heller ikke noget andet forgrund kommer henover.