Verzweiflung - Klassen funktionieren nicht

[Christian K]

Guten Abend die Herrschaften.

Ich hatte ja bisher noch nie Probleme mit CSS...bis heute. Ich haber versuch einfach eine Klasse zu definieren, doch erkennt das Script diese Klasse einfach nicht, und ich seh den Fehler nicht.
Ich hock da nun ne Stunde lang vor und glaube, dass ich den Wald vor lauter Bäumen grad nimmer seh und daher den Fehler nicht finde...

Daher bitte ich ebend um eure Hilfe. schaut euch bitte http://schmalfeldt.annox.de/verzweiflung.htmDIESE[/link] Datei an und versucht den Fehler zu finden.
Hab oben in der Datei die Styles und Klassen definiert und dann dem table das attribut class="menuleft" gegeben...nur wie gesagt: Er reagiert da einfach nicht drauf.

Ich bin gerade mit meinem Latein am Ende. Danke schonmal im Vorraus.
MfG, Chriss;

[Cheatah]

Hi,

Ich haber versuch einfach eine Klasse zu definieren, doch erkennt das Script diese Klasse einfach nicht, und ich seh den Fehler nicht.

welches "Script"?

http://schmalfeldt.annox.de/verzweiflung.htmDIESE[/link]

Nix BB.

Datei

Ressource. HTTP kennt keine Dateien.

Hab oben in der Datei die Styles und Klassen definiert und dann dem table das attribut class="menuleft" gegeben...nur wie gesagt: Er reagiert da einfach nicht drauf.

Der Selektor ".klassenname" steht für ein beliebiges Element, welches über ein class="klassenname" verfügt. Ob die angegebenen Werte vererbt werden, hängt von der Eigenschaft ab.

Der Selektor "a.klassenname" steht für ein <a>-Element, welches über ein class="klassenname" verfügt. Ein solches existiert in Deinem HTML-Code nicht.

Der Selektor ".klassenname a" steht für ein <a>-Element, welches sich innerhalb des Strukturbaumes eines beliebigen Elementes befindet, das über ein class="klassenname" verfügt.

Cheatah

[eisbaer04]

Guten Abend die Herrschaften.

Guten Abend ist gut ;-)

Ich hatte ja bisher noch nie Probleme mit CSS...bis heute. Ich haber versuch einfach eine Klasse zu definieren, doch erkennt das Script diese Klasse einfach nicht, und ich seh den Fehler nicht.
Ich hock da nun ne Stunde lang vor und glaube, dass ich den Wald vor lauter Bäumen grad nimmer seh und daher den Fehler nicht finde...

Daher bitte ich ebend um eure Hilfe. schaut euch bitte http://schmalfeldt.annox.de/verzweiflung.htmDIESE[/link] Datei an und versucht den Fehler zu finden.

Da du ja die 'a' innerhalt der Klasse menuleft hast, musst du den code "umdrehen"
probier mal statt:

a.menuleft:link { color: #004477; }
a.menuleft:visited { color: #004477; }
a.menuleft:hover { color: #005695; }
a.menuleft:active { color: #004477; }

den code:

.menuleft a:link { color: #004477; }
.menuleft a:visited { color: #004477; }
.menuleft a:hover { color: #005695; }
.menuleft a:active { color: #004477; }
-= ungetestet =-

Hab oben in der Datei die Styles und Klassen definiert und dann dem table das attribut class="menuleft" gegeben...nur wie gesagt: Er reagiert da einfach nicht drauf.

Ich bin gerade mit meinem Latein am Ende. Danke schonmal im Vorraus.
MfG, Chriss;

byebye eisbaer04;

[Sven Rautenberg]

Moin!

Da du ja die 'a' innerhalt der Klasse menuleft hast, musst du den code "umdrehen"
probier mal statt:

a.menuleft:link { color: #004477; }
a.menuleft:visited { color: #004477; }
a.menuleft:hover { color: #005695; }
a.menuleft:active { color: #004477; }

den code:

.menuleft a:link { color: #004477; }
.menuleft a:visited { color: #004477; }
.menuleft a:hover { color: #005695; }
.menuleft a:active { color: #004477; }
-= ungetestet =-

Funktioniert aber so. :)

Ich möchte an dieser Stelle aber noch gleich ein paar Verbesserungsvorschläge anbringen:

<tr>
    <td width="92%" height="30">
      <div align="center"><a href="file:///E|/Xampp/minixampp/htdocs/schmali/home.php">Startseite</a></div>
    </td>
  </tr>

Das kann man besser machen. :)

In erster Linie ist das <div> überflüssig. Wer CSS einsetzt, kann auf das align-Attribut verzichten.

Im CSS einfach
td { text-align:center; }
definieren und gut ist. Gerne auch verschachtelt als

table.menuleft td { text-align:center; }

Das bedeutet: Alle TD, die sich innerhalb der Tabelle mit der Klasse "menuleft" befinden, werden formatiert.

Dasselbe bewirkt übrigens oben die Umdrehung von "a.menuleft" zu ".menuleft a". Selektoren sind was wunderbares, man kann sich eine Menge Klassendefinitionen sparen, wenn man sie geschickt einsetzt. Allerdings macht das die CSS-Dateien natürlich nicht unbedingt leichter verständlich. :)

- Sven Rautenberg

[Christian K]

Hui fein, mal wieder ein wirklich guter ratschlag, der mich n ganzes Stück nach vorne bringt.

Danke für die Beiträge. :)

MfG, Chriss;