✔ Hintergrundfarbe von Tabelle wird nicht angezeigt

Status
Nicht offen für weitere Antworten.
L

Lord-Knud

Grünschnabel
Hallo Gemeinde,
die Hintergrundfarbe meiner Tabelle soll eine andere sein als die vom body.

Ich habe das so versucht (ist mein erstes stylesheet :) ):

HTML: 
body {
	background-color:#336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #FFCC00;
}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003300;
}

a.table {
	background-color: #CC6633;
	border: none;
	table-layout: fixed;
	width: 900px;
	margin:inherit;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

.tdCenter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	table-layout: fixed;
	width: 550px;
	padding: 10px; 
	font-size: 12px;
	line-height: 24px;
	background-color:#FFCC00;
	color: #000000;
}

So funktioniert es nicht.

Wenn ich statt
a.table
.table
eingebe, wird zwar die korrekte Hintergrundfarbe angezeigt, aber gleichzeitig das komplette Tabellenlayout zerschossen.
Was mach ich falsch?

Gruß
 
Hi,
Code: 
a.table { }
umschreibt einen Link oder Anker mit der Klasse .table.

Kann die Seite auch betrachtet werden? Denn ich kann gerade nicht nachvollziehen, weshalb die Hintergrundfarbe das Tabellenlayout zerschiesst.
 
Hi,
dass a.table nicht ganz korrekt ist, hatte ich mir auch schon gedacht. Aber es funktionierte alles tadellos - bis ich die Hintergrundfarbe ändern wollte.
Zum Verständnis:
Die Tabelle ist in mehrere Bereiche gegliedert, die unterschiedliche Formate haben (z. Bsp. tdCenter) das funktioniert auch.
Die Seite bearbeite ich noch kann deshalb noch nicht angesehen werden.

Sag mir was Du wissen willst und ich poste das.

Danke erstmal für Deine Hilfe.
 
Zuletzt bearbeitet:
Maik hat gesagt.:
Dann poste bitte mal den HTML-Code ;)
Zum Vergrößern anklicken....

Ich fürchte, das würde etwas unübersichtlich.
Ich denke mal, du willst wissen, wie die Tabelle eingebunden wird.

Hier mal ein Auszug:

HTML: 
<body>
<table border="0" align="center" class="table">
  <tr>
    <td rowspan="2"><img src="images/B_Baer2.jpg" alt="Hier steppt der B&auml;r!" width="79" height="130" /></td>
    <td colspan="3"><div align="center" class="title">Willkommen in Berlin! </div></td>
    <td rowspan="2"><div align="right"><img src="images/B_Baer2.jpg" width="79" height="130" /></div></td>
  </tr>
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td class="sideTable">&nbsp;</td>
    <td class="table_eck">&nbsp;</td>
    <td class="tableRow_top">&nbsp;</td>
    <td class="table_eck">&nbsp;</td>
    <td class="sideTable">&nbsp;</td>
  </tr>
  <tr>
    <td class="sideTable">
	<table width="100%" border="0">
      <tr>
        <td><a href="index.php" class="navLink">HOME</a></td>
      </tr>

class= table ist die Haupttabelle
alle anderen class mit "table" im Namen sind Teile dieser Tabelle.
 
Was ich gepostet habe war das Gerüst in der index-datei.
Den Sollzustand definiere ich doch in der stylesheet.
Und da soll eben die Hintergrundfarbe der Tabelle eine andere sein, als die vom Body.

Ich habe mal ein screenshot vom Ist-Zustand beigefügt. Da siehst du, dass die Tabelle (bis auf class=tdCenter) z.Zt. noch dieselbe HG-Farbe hat.
 

Anhänge

  • screenshot.jpg
    screenshot.jpg
    26,4 KB · Aufrufe: 82
Bei mir wird der braune Hintergrund angezeigt, wenn ich im Stylesheet das angesprochene a-Element durch table ersetze:

table.jpg
 
Versteh ich nicht.
Was machst du denn anders?
Wenn ich in der Format.css
a.table
durch
table
ersetze, wird mir table gar nicht mehr als Klasse angeboten.
Das Resultat sieht dann so aus:
 

Anhänge

  • screenshot2.jpg
    screenshot2.jpg
    34,3 KB · Aufrufe: 34
Hast du es so versucht?

Code: 
table.table {
        background-color: #CC6633;
        border: none;
        table-layout: fixed;
        width: 900px;
        margin:inherit;
        margin: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
Denn

Code: 
table {
        background-color: #CC6633;
        border: none;
        table-layout: fixed;
        width: 900px;
        margin:inherit;
        margin: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
würde für alle Tabellenelemente gelten.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück