Sponsor-Board.de

Hallo SB-Board,

ich habe ein kleines Problem. Ich möchte gerne in HTML/CSS ein solches Tabelle darstellen:

http://www.abload.de/img/screeniuolw.jpg(!https)

Nun habe ich mit HTML zwar die Tabelle angelegt und soweit fertig gemacht, aber komme mit der Innenrahmen nicht zurecht. Ich würde mich sehr freuen, wenn Ihr mir dabei helfen könntet.

Mein Code sieht inmoment, wie folgt aus:

Code:

<div class="top-panou-right">

  <div class="poz-panou-right" alt="Verwalte spezifische Seiten" title="Verwalte spezifische Seiten">

   Geld verdienen

  </div>

 <div class="border-panou-right">

<table cellspacing="0" cellpadding="0" width="100%">

<tr>

<td>

<center>

<table style="border: dotted;">

<tr>

<td colspan="2" style="border: dotted;">...</td>

</tr>

<tr>

<td>#1</td>

<td>#2</td>

</tr>

</table>

</center>

</td>

</tr>

</table>

</div>

 </div>

Würde mich sehr über eine positive Rückmeldung und ggf. nach einer Lösungsweg sehr freuen.

ACHTUNG: Ich benutze keine .css Datei, sondern schreibe die ins HTML Datei mit hinein! Danke!

Gruß,
.Ma3ter.

Meine Glaskugel ist derzeit leider in der Werkstatt...
Wie wärs denn wenn du sagst, was am Rahmen nicht passt?

MfG

Hallo,

ich bekomme die Innenrahmen, wie auf dem Screenshot leider nicht hin.

Ich möchte die Tabelle, so gestalten wie auf dem Screenshot.

Gruß

Code:

    <table width="750" height="278" border="1">

  <tr>

    <td colspan="4"><div align="center"><strong>Layer-Ads </strong></div></td>

  </tr>

  <tr>

    <td colspan="4"><div align="center">Bild</div></td>

  </tr>

  <tr>

    <td><div align="center">Verg&uuml;tung</div></td>

    <td><div align="center">Verdienstm&ouml;glichkeiten</div></td>

    <td><div align="center">Refebenen</div></td>

    <td><div align="center">Auszahlung ab </div></td>

  </tr>

  <tr>

    <td><div align="center">4,00 &euro; bis 7,50 &euro; </div></td>

    <td><div align="center">Layer, InAd </div></td>

    <td><div align="center">

     1 Ebene<br>

     5% 

    </div></td>

    <td><div align="center">15,00 &euro;</div></td>

  </tr>

</table>

So in etwa? Die Breiten etc. kannst du ja anpassen. Und ich habe jetzt kein CSS verwendet sondern einfach so die Befehle drinne, unschön aber ging grad fixer. Tongue

Super Arbeit,.. Danke Dir.

Edit:
Es befinden sich immer noch im Rahmen Doppelstriche. Möchte nur eine durchgehende Linie.

Code:

<style>

    table {

        border-collapse:collapse;

    }

    td {

        text-align: center;

        border: 1px solid grey;

    }

 </style>

 <table width="750" height="278" cellspacing="0">

  <tr>

    <td colspan="4"><strong>Layer-Ads </strong></td>

  </tr>

  <tr>

    <td colspan="4">Bild</td>

  </tr>

  <tr>

    <td>Verg&uuml;tung</td>

    <td>Verdienstm&ouml;glichkeiten</td>

    <td>Refebenen</td>

    <td>Auszahlung ab </td>

  </tr>

  <tr>

    <td>4,00 &euro; bis 7,50 &euro; </td>

    <td>Layer, InAd </td>

    <td>

     1 Ebene<br>

     5%

    </td>

    <td>15,00 &euro;</td>

  </tr>

</table>

Zitat:

So in etwa? Die Breiten etc. kannst du ja anpassen. Und ich habe jetzt kein CSS verwendet sondern einfach so die Befehle drinne, unschön aber ging grad fixer. Tongue

Ich wette meins ging fixer...

Hecke29 schrieb:

Code:

<style>

    table {

        border-collapse:collapse;

    }

    td {

        text-align: center;

        border: 1px solid grey;

    }

 </style>

 <table width="750" height="278" cellspacing="0">

  <tr>

    <td colspan="4"><strong>Layer-Ads </strong></td>

  </tr>

  <tr>

    <td colspan="4">Bild</td>

  </tr>

  <tr>

    <td>Verg&uuml;tung</td>

    <td>Verdienstm&ouml;glichkeiten</td>

    <td>Refebenen</td>

    <td>Auszahlung ab </td>

  </tr>

  <tr>

    <td>4,00 &euro; bis 7,50 &euro; </td>

    <td>Layer, InAd </td>

    <td>

     1 Ebene<br>

     5%

    </td>

    <td>15,00 &euro;</td>

  </tr>

</table>

Zitat:

So in etwa? Die Breiten etc. kannst du ja anpassen. Und ich habe jetzt kein CSS verwendet sondern einfach so die Befehle drinne, unschön aber ging grad fixer. Tongue

Ich wette meins ging fixer...

Wenn mans selber schreibt ja, ich habs aber grade nur mit Dreamweaver gemacht Smile Tabelle eingefügt, verbunden und ganze Tabelle markiert und auf zentrieren gedrückt, aber ist ja auch egal Tongue . Deine Lösung ist auf jeden Fall eleganter, habe ich in meinem Post ja auch damit ausdrücken wollen.

KingKaSo

Mr-Trust

KingKaSo

rodik

KingKaSo

Hecke29

rodik