Kan jeg lave to tabeller ved siden af hinanden?

Du kan sætte to tabeller ved siden af hinanden ved at lave en tabel med to celler:

<table>
<tr>
  <td> [din ene tabel] </td>
  <td> [din anden tabel] </td>
</tr>
</table>

Simpelt hen at sætte de to tabeller ind i en tredje hovedtabel.

At tilføje afstand (fx ved brug af padding) til kanten i den ene tabel kan du sagtens gøre. Det har ingen indvirkning på den anden.

  // Steeven

Ok den havde jeg ikke lige tænkt over, det er rigtigt det kan jeg gøre.
Jo, nu ved jeg hvorfor mit spørgsmål, hvis nu jeg gerne vil have begge med 0 px i ramme, kan man lave en lodret streg til at skille dem med eller kan man kun lave vandrette streger.
Jeg kan nemlig ikke lige på stående fod finde ud af hvad der ser bedst ud, for på nogle sider har jeg ramme og nogle ikke. Jeg vil nemlig i den ene side, have reklamer i ca 100 px bredde og det skal jeg have lavet inden jeg tilmelder mig noget.

Du kan lave vandrette streger med <hr />, men der er ikke noget tilsvarende tag, der laver en lodret streg.

Vil du have en lodret streg, må du synliggøre kanten i cellen.

  // Steeven

Fx ved CSS:

<style type="text/css">
<!--
  td.kant {
      border-left-style: solid;
      border-left-width: 1px;
      border-left-color: #000000;
  }
-->
</style>

Indsæt denne CSS-kode i Head-delen af dokumentet, og tilføj class="kant" til cellen, der er til højre. Den får så en kant i venstre side. Det ser altså sådan ud:

<table>
<tr>
  <td> [din ene tabel] </td>
  <td class="kant"> [din anden tabel] </td>
</tr>
</table>


  // Steeven

JES - det virkede, det ser godt ud.
Det vil sige at jeg i samme CSS kan skrive:
border-right-width: 2px; og det samme for top og buttom

-- og den simple udgave:

<style type="text/css">
#site{width:902px;margin:0 auto;}
.tabel{height:400px;float:left;border:0;border-collapse:collapse;;}
.tabel td{border:0;}
#tabel1{width:800px;}
#tabel2{width:100px;}
#streg{background-color:black;width:2px;}
</style>

<div id="site">
  <table id="tabel1" class="tabel">
    <tr>
      <td>Celle1</td>
      <td>Celle2</td>
    <tr>
    <tr>
      <td>Celle3</td>
      <td>Celle4</td>
    <tr>
  </table>
  <div id="streg" class="tabel">&nbsp;</div>
  <table id="tabel2" class="tabel">
    <tr>
      <td>Eneste celle</td>
    <tr>
  </table>
</div>

-- og der skulle selvfølgelig have stået:

"--og den simple udgave, hvis man ikke vil neste tabeller"

Ja, du kan skrive border-right-width i CSS'en også.
Men det, du ønsker, er nok mere afstand mellem tekstdelene, og så bør du nok bruge padding i stedet.

Altså:
padding-left: 2px


Og det samme i toppen og bunden af cellen.

  // Steeven

Husk semikolon:

padding-left: 2px;

;)

jeg vil lige afslutte her, da jeg har fået svar på mit problem -  mange tak

Jamen det var da så lidt.

  // Steeven