Eine mit PHP generierte Tabelle ignoriert den CSS
Nerothank
- css
Hallo liebe selfHTMLler,
Ich habe heute mal begonnen ein simples Gästebuch basierend auf PHP zu schreiben. Soweit bin ich eigentlich auch fertig, ich muss jetzt nur noch einen Weg finden, wie die Tabelle in welcher ich die Einträge ausgebe meinen CSS akzeptiert -.- .
Wenn ich die Styleangaben direkt in das table-tag schreibe
<table style="lakdflökasd:ölakdfjlöaksd;......">
Dann funktionierts bestens. Wenn man, wie ich, aber den Style in EINER Datei haben will und man somit die Angaben importiert, funktioniert es nicht mehr!
Ich versuchte bereits die Styleangaben allgemein zu gestalten:
#content table { alksdf }
Oder mit IDs und Klassen
#gubotable { asdf }
.gubotable { asdf }
Aber es geht einfach nicht, sowohl in IE(via IE-tab und im IE8) als auch in FF(3.5.x) werden die Angaben schlichtweg ignoriert!
Der relevante Quelltext in der PHP sieht so aus:
echo('
<table class="gubotable" border="1">
<tr>
<td>Autor</td> <td>E-Mail</td> <td>Homepage</td> <td>Datum</td>
</tr>
<tr>
<td>'.$getdata3[autor].'</td><td>'.$getdata3[email].'</td><td>'.$getdata3[homepage].'</td><td>'.$getdata3[datum].'</td>
</tr>
</table>
<table class="gubotable" border="1">
<tr>
<td>'.$getdata3[text].'</td>
<td width="20%">TOPPER</td>
</tr>
</table>
');
Die Seite (mit dem HTML quelltext) findet ihr hier:
http://telefart.ch/test/index.php?page=gubo
Und das Stylesheet hier:
http://telefart.ch/test/css/zweispalter.css
Und das sind die Angaben für die Tabelle:+
.gubotable {
width: 80%;
margin:0 40px 0px 40px;
border-collapse:collapse;
}
/* #gubotable td {
padding: 5px 5px 5px 5px;
} */
Jedem der mir irgendwie weiterhelfen kann bin ich sehr verbunden! Ich bin im moment kurz vorm verzweifeln :(
mfg NT
hallo,
es könnte an der Art liegen, wie du die Styles ins Dokument bringst.
versuchs mal mit
<link rel="stylesheet" type="text/css" href="dein/css/pfad" />
anstatt
<style type="text/css">
@import url("/css/zweispalter.css");
</style>
oder überprüf den Pfad zur Datei.
grüße,
henman
Und das Stylesheet hier:
http://telefart.ch/test/css/zweispalter.css
Dann referenziere diesen Pfad auch in @import.
Wie bereits erwähnt: <link> Element wäre angemessener für allgemeine Stylesheets.
mfg Beat