Hintergrundbild in Tabellenzellen
Bastian
- css
Hallo zusammen
Ich habe für Tabellenzellen ein Hintergrundbild definiert, was gemäss SELFHTML zumindest in Firefox funktionieren sollte.
Hier das CSS:
.titel1 {
background: #0000ff url(../grafiken/layout/brushed_titel1.jpg) repeat-x;
vertical-align: middle; }
In HTML steht dann:
<td class='titel1'>
In Safari und Shiira funktioniert es. Firefox, IE, Opera und Camino zeigen das Hintergrundbild nicht an. Weiss jemand, woran das liegt?
Ebenso wenig funktionieren Hintergrundbilder für Absätze (<p>) und Überschriften (<hn>).
Wenn's der IE als einziger nicht interpretiert, wäre mir das egal. Aber wenn auch Firefox und Opera es nicht hinkriegen, muss wohl doch was nicht stimmen bei mir.
Danke für eure Hilfe!
Bastian
Hello out there!
In Safari und Shiira funktioniert es. Firefox, IE, Opera und Camino zeigen das Hintergrundbild nicht an.
Doch, sowohl Firefox als auch IE tun dies. Ich vermute, die anderen Browser auch.
Weiss jemand, woran das liegt?
Nicht am Browser, sondern an deinem Quelltext.
See ya up the road,
Gunnar
Nicht am Browser, sondern an deinem Quelltext.
Das habe ich vermutet. Aber *wo* in meinem Quelltext habe ich denn einen Fehler gemacht?
Hello out there!
Nicht am Browser, sondern an deinem Quelltext.
Das habe ich vermutet. Aber *wo* in meinem Quelltext habe ich denn einen Fehler gemacht?
Das fragst du jetzt nicht ernsthaft, oder?
*Wo* ist denn dein Quelltext?
See ya up the road,
Gunnar
Das fragst du jetzt nicht ernsthaft, oder?
*Wo* ist denn dein Quelltext?
Na, ich habe ihn im ersten Beitrag auszugsweise eingeführt. Es braucht dazu wohl kaum das ganze Stylesheet. In Safari und Shiira funktioniert es, also kein Tippfehler oder sonst was.
Hello out there!
*Wo* ist denn dein Quelltext?
Na, ich habe ihn im ersten Beitrag auszugsweise eingeführt.
Na, wenn ich in dem Auszug einen Fehler entdeckt hätte, hätte ich ihn dir genannt.
See ya up the road,
Gunnar
Also, das hier ist das Stylesheet für die Tabellen:
table {
background: transparent; }
.titel1 {
background: #0000ff url(../grafiken/layout/brushed_titel1.jpg) repeat-x;
vertical-align: middle; }
td.titel2 {
background-color: #ffffaa;
vertical-align: middle; }
td.oben {
background-color: #cccccc;
vertical-align: top; }
td.mitte {
background-color: #cccccc;
vertical-align: middle; }
Und eine Tabelle in HTML sieht dann so aus:
<table style='width: 100%' cellpadding='2' cellspacing='2'>
<tr>
<td class='titel1' colspan='3'><h4>Text</h4></td>
</tr>
<tr>
<td class='oben' style='width: 12%'><p>Text</p></td>
<td class='oben' style='width: 58%'><p>Text</p></td>
<td class='oben' style='width: 30%'><p>Text</p></td>
</tr>
</table>
Hello out there!
Also, das hier ist das Stylesheet für die Tabellen: […]
Und eine Tabelle in HTML sieht dann so aus: […]
Um mein Firefox zeigt damit das Hintergrundbild an.
Übrigens beschleicht mich das ganz starke Gefühl, dass du keinerlei tabellarische Daten hast, sondern ein <http://de.selfhtml.org/css/layouts/mehrspaltige.htm#dreispaltig@title=dreispaltiges Layout> realisieren möchtest.
See ya up the road,
Gunnar