Sponsor-Board.de
HTML/CSS Help

+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Plauderecke (/forumdisplay.php?fid=39)
+--- Thema: HTML/CSS Help (/showthread.php?tid=32867)

HTML/CSS Help - KingKaSo - 04.12.2012 11:19

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.

RE: HTML/CSS Help - Mr-Trust - 04.12.2012 11:53

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

MfG

RE: HTML/CSS Help - KingKaSo - 04.12.2012 11:55

Hallo,

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

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

Gruß

RE: HTML/CSS Help - rodik - 04.12.2012 12:05

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

RE: HTML/CSS Help - KingKaSo - 04.12.2012 12:07

Super Arbeit,.. Danke Dir.

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

RE: HTML/CSS Help - Hecke29 - 04.12.2012 12:18

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...

RE: HTML/CSS Help - rodik - 04.12.2012 12:55

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.