• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

css Problem

Status
Für weitere Antworten geschlossen.

Bit2_Gosu

Neues Mitglied
Hi!

Ich hab in meiner css Datei folgendes notiert:

Code:
table.class1
{
    border-collapse: collapse;
    border: black;
}

wenn ich jetzt in meinem xhtml dokument folgendes schreibe:

Code:
<table> etc. etc.

dann greift meine css eingabe nicht (d.h. es wird keine border angezeigt).

nur wenn ich
Code:
<table border> etc. etc.
schreibe, dann klappt es.

Ich dachte allerdings immer, wenn ich in meiner css allgemein was über table tags festlege, dann gilt das für diese immer, d.h. in diesem fall, alle tables haben eine schwarze border usw.. ohne, dass ich explizit angeben muss, dass sie überhaupt eine border haben.

Warum klappt Variante 1 nicht?
 
Du verwendest im CSS einen Klassenselektor. Dementsprechend solltest Du auch im <table>-Tag die Klasse zuweisen.

Code:
<table classe="class1"> etc.
Gruß thuemmy
 
Vorweg mal: Wenn Du schon erkannt hast, dass es sich um ein CSS-Problem handelt, warum erstellst Du Dein Thema dann im HTML-Unterforum?

table.class1 ist ein zusammengesetzter CSS-Selektor. Die Regeln gelten für alle Tabellen der Klasse class1. Eine Klasse weist Du mit dem class-Attribut zu.

PHP:
<table class="class1">

Wenn die Regeln für alle Tabellen gelten sollen, kannst Du auch einfach Folgendes schreiben:

Code:
table {
  /* ... */
}

Gruß
Junny
 
oh, sorry da hab ich das class attribut hier nicht angegeben.

das war aber nicht das problem. auch wenn ich in der css das .class1 weglasse, greifen die css einstellungen nur, wenn ich in der.xhtml datei <table border> statt <table> schreibe.

Woran liegt das bloß?
 
Uuuppss... da bin ich wohl kurz ins abgelenkt gewesen ;)

Aber gut, dass es noch User gibt, die sowas bemerken.

Gruß thuemmy
 
So, ich hab den Fehler...

Ich hatte das ganze in Opera getestet. Opera hat irgendwie eine alte Version meiner Seite gespeichert und immer nur die geladen. Ich musste bewusst auf Seite neu laden klicken...

Danke auf jeden Fall!
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben