HTML/CSS Help

Verfasser Nachricht

KingKaSo

Beiträge: 2.230
Bewertung: 12
Registriert seit: Dec 2009
Status: offline

Beitrag: #1

HTML/CSS Help

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.

http://abload.de/img/sig_kasopjspr.png(!https)
[Link: Registrierung erforderlich]

04.12.2012 11:19

~~Mr-Trust~~

Beiträge: 287
Registriert seit: Feb 2012
Status: offline

Beitrag: #2

RE: HTML/CSS Help

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

MfG

On the 8th day, god created Linux.

04.12.2012 11:53

KingKaSo

Beiträge: 2.230
Bewertung: 12
Registriert seit: Dec 2009
Status: offline

Beitrag: #3

RE: HTML/CSS Help

Hallo,

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

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

Gruß

http://abload.de/img/sig_kasopjspr.png(!https)
[Link: Registrierung erforderlich]

04.12.2012 11:55

rodik

Beiträge: 186
Bewertung: 13
Registriert seit: Jan 2012
Status: offline

Beitrag: #4

RE: HTML/CSS Help

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

[Link: Registrierung erforderlich]

04.12.2012 12:05

KingKaSo

Beiträge: 2.230
Bewertung: 12
Registriert seit: Dec 2009
Status: offline

Beitrag: #5

RE: HTML/CSS Help

Super Arbeit,.. Danke Dir.

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

http://abload.de/img/sig_kasopjspr.png(!https)
[Link: Registrierung erforderlich]

Dieser Beitrag wurde zuletzt bearbeitet: 04.12.2012 12:08 von KingKaSo.

04.12.2012 12:07

Hecke29

Beiträge: 3
Bewertung: 0
Registriert seit: Nov 2012
Status: offline

Beitrag: #6

RE: HTML/CSS Help

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

Dieser Beitrag wurde zuletzt bearbeitet: 04.12.2012 12:22 von Hecke29.

04.12.2012 12:18

rodik

Beiträge: 186
Bewertung: 13
Registriert seit: Jan 2012
Status: offline

Beitrag: #7

RE: HTML/CSS Help

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.

[Link: Registrierung erforderlich]

04.12.2012 12:55

Baumstrukturmodus | Brettstrukturmodus

« Ein Thema zurück | Ein Thema vor »

Möglicherweise verwandte Themen...
Thema:		Verfasser	Antworten:	Ansichten:	Letzter Beitrag
	HTML, CSS und Scrum lernen	meepp	4	1.695	14.12.2016 11:26 Letzter Beitrag: Dennis
	Auffrischung von Html und CSS	BitaceS	10	1.862	22.01.2015 10:23 Letzter Beitrag: Leitwerk
	[Hilfe] Wofür braucht man genau HTML / PHP / CSS	eXoRy	10	3.684	14.11.2013 19:29 Letzter Beitrag: JayJoy
	HTML Code ähnlichkeit?	Sysix	25	3.424	25.07.2012 22:12 Letzter Beitrag: keving
	Background HTML?	nobody	11	2.121	24.11.2011 17:00 Letzter Beitrag: skaterfabi11

Druckversion anzeigen
Thema einem Freund senden
Thema abonnieren
Thema zu den Favoriten hinzufügen