Gegen Bilderklau - Das Original | Druckvorschau: Stylsheet Tabelle

Geschrieben von Pferde1 am 13.11.2012 um 19:03:

Stylsheet Tabelle

.tabelle {
width: 300px;
height: 30px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: #515B6B;
font-family: tahoma;
}

Ich will das der Rand über all 1px hat in einer Farbe.
Außerdem soll jede Überschrift eine andere Hintergrundfarbe haben.

Geschrieben von Nanni am 13.11.2012 um 19:11:

code:
1:	border: 1px solid #000000;

Macht den Rand 1x in schwarz. Was die Überschrift angeht, also wenn JEDE eine andere Farbe haben soll, wärs vermutlich am einfachsten das direkt bei der Tabellenspalte (via <td style="background-color: #FFFFFF">) zu definieren... wenn du aber zB nur drei verschiedene Farben haben willst, lohnt es sich wohl schon, mit classes zu arbeiten - also in der Art:

code:
1: 2:	.a { background-color: #E0D5BF; }

- und in der Tabelle: <td class="a">

edit: Oder steht die Überschrift nicht in einer Tabelle? Dann hab ich das falsch verstanden ;D
LG Nanni

Geschrieben von Pferde1 am 13.11.2012 um 19:19:

Das habe ich schon versucht und da ist dann ein zweiter Rahmen da. Die Zeile in einer Tabelle meinte ich. Das die eine andere Farbe hat, und ich das nur einmal im CSS ändern muss.

Geschrieben von Nanni am 13.11.2012 um 19:30:

Worauf bezieht sich deine Antwort jetzt, auf den Rahmen oder den farbigen Hintergrund, bzw was von deiner Antwort bezieht sich auf was?

Wenn du den Rahmen nur um eine Zelle willst, aber um jede, dann kannst du das mit td { ... } definieren. Um jede Zeile mit tr { ... } , sofern ich Spalte und Zeile grad nicht verwechsle ;D

Geschrieben von +Debbie+ am 13.11.2012 um 19:44:

Nein, Nein das ist schon richtig Nanni Zunge raus

Pferde1, stelle bitte auch mal den HTML Code Deiner Tabelle rein, so kann man Dir nicht so gut helfen Augenzwinkern

Geschrieben von Pferde1 am 22.11.2012 um 21:45:

Ich hätte es gerne so wie hier

http://aryana.square7.ch/Gestuet/
Nur das oben eine Farbe ist, anstatt dem Bild als Hintergrund.

<table class="tabelle" style="text-align: left; width: 80%;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 40%;">Design</td>
<td style="width: 40%;"><a class="main" target="_blank" href="http://www.gegen-bilderklau.net/profile.php?userid=633">~~Karina~~ von GB</a></td>
</tr>
<tr>
<td>Anlage</td>
<td><a class="main" target="_blank" href="http://roewer-rueb.de">Röwer und Rüb</a></td>
</tr>
<tr>
<td>Pferde</td>
<td><a class="main" target="_blank" href="http://foto-vik.ru">Vikarus</a></td>
</tr>
<tr>
<td>Grafiken</td>
<td></td>
</tr>
</tbody>
</table>

Geschrieben von Nanni am 22.11.2012 um 21:54:

Wie gesagt:

Zitat:

code:
1: 2:	.a { background-color: #E0D5BF; }

- und in der Tabelle: <td class="a">Überschrift</td>

Sollte funktionieren (:

Geschrieben von Pferde1 am 22.11.2012 um 22:14:

Funktioniert! Danke

Und der Rahmen?

Geschrieben von Nanni am 22.11.2012 um 22:23:

Also momentan hast dus so:

code:
1:	<table class="tabelle" style="text-align: left; width: 80%;" border="1" cellpadding="2" cellspacing="2">

Daraus kannst du machen (und statt #000000 halt die gewünschte Farbe angeben):

code:
1:	<table class="tabelle" style="text-align: left; width: 80%;" border="1px solid #000000" cellpadding="2" cellspacing="2">

Bzw wenn dus im CSS definieren willst, so wie ich es oben geschrieben hab Augenzwinkern

Bzw wenns immer noch nicht geht, zeig mal den Steckbrief und sag mir, wo der zweiter Rahmen ist, den du nicht willst ;D

Geschrieben von Pferde1 am 22.11.2012 um 22:30:

Geht nicht.
http://tsproud.bplaced.net/anlage.html
<table class="tabelle" style="text-align: left; width: 80%;" border="1px solid #DADADA" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td class="a"><b>Stallungen</b></td>
</tr>
<tr>
<td><img src=stallbild.jpg></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>

Geschrieben von Nanni am 22.11.2012 um 22:39:

Ach mist, hab nicht gesehen, dass das border bei dir außerhalb des style="" steht... großes Grinsen

code:
1:	<table class="tabelle" style="text-align: left; width: 80%; border:1px solid #DADADA" cellpadding="2" cellspacing="2">

So, ich denke, so müssts gehen... ;D

Geschrieben von Pferde1 am 22.11.2012 um 22:42:

Außen herum stimmt es, nur fehlt das innere?

Geschrieben von Nanni am 22.11.2012 um 22:49:

Meinst du mit innen jetzt rund um die einzelnen Zellen? Aber dann werden es doch wieder zwei Rahmen verwirrt

Geschrieben von Pferde1 am 22.11.2012 um 23:15:

So wie im Beispiel? Bedeutet das zwei Rahmen? Dann habe ich es nicht richtig verstanden.

Geschrieben von Nanni am 22.11.2012 um 23:41:

Achso - also, ich glaub Lykkja hat ihren Rahmen gar nicht um die Tabelle, sondern nur jeweils um die einzelnen Zellen... wobei das bei mir auch anders aussieht, also muss man vll noch an irgendwelchen spacing- oder padding-Werten was ändern.. aber da kenn ich mich auch nicht aus.

Geschrieben von Pferde1 am 23.11.2012 um 20:20:

Aber du hast es versucht. Sonst noch einer?

Geschrieben von Jasmina am 23.11.2012 um 22:13:

Hast du ein allgemeines CSS?
Wenn ja, versuch es mal so:

code:
1: 2: 3: 4: 5: 6: 7:	table, tr, td { border: 1px solid #DADADA; border-collapse: collapse; font-size: 12px; line-height: 22px; text-align: center; }

Damit wird jede Tabelle gleich verändert, ohne Einsatz von Klassen - müsste durch das tr, td und collapse auch den gewünschten Effekt mitbringen. smile

Geschrieben von Pferde1 am 23.11.2012 um 22:19:

Ich danke dir. Es funktioniert!