Frage stellenLiebe Gemeinde,
ich finde den Fehler nicht.
Habe eine Testseite programmiert, mit einer Navi oben und einer identischen Navi unten. Nur soll die untere Navi eine andere Schriftfarbe besitzen.
Beim Drüberhovern soll sich ein Farbwechsel ergeben, dies funktioniert in der oberen Navi fein, in der Unteren jedoch nicht.
Ich habe diverse Lösungsansätze ausprobiert und bin ziemlich sicher, dass ich die Regeln für die "Spezifität" wohl nicht ganz richtig kapiere und das Problem daher nicht lösen kann...
Findet ein geübtes Auge auf die Schnelle den Haken an der Sache?
Zu be"wundern" auf
---cyberculture.de/test/index---
(auch ich muss den link etwas verkürzen, da mir die Seite nicht erlaubt URLS zu posten...)
Vielen Dank fürs Mitschauen und liebe Grüsse
leucht-dio.de
Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster
2 Schriftfarben plus ein hover-Effekt
6 Beiträge • Seite 1 von 1
2 Schriftfarben plus ein hover-Effekt
von leuchtdiode » 26.05.2011, 10:26
- leuchtdiode
- neu hier
- Beiträge: 3
- Registriert: 26.05.2011, 10:14
Re: 2 Schriftfarben plus ein hover-Effekt
von Azra » 26.05.2011, 11:05
Also ich sehe nur eine Navigation.
Zunächst solltest du die über die HTML "Grammatik" mal Gedanken machen, dir fehlt beispielsweise <html> am Anfang des Dokuments (wo es eigentlich hingehört). Darüber hinaus gibt es noch weitere Fehler (ca. 18 Stück) in der Syntax (=Grammatik).
//edit
OK, man sollte auch mal scrollen
Für die Klasse "textkleinweiß" bzw. deren Links wurde noch kein :hover Zustand festgelegt.
- nur ein Beispiel
Zunächst solltest du die über die HTML "Grammatik" mal Gedanken machen, dir fehlt beispielsweise <html> am Anfang des Dokuments (wo es eigentlich hingehört). Darüber hinaus gibt es noch weitere Fehler (ca. 18 Stück) in der Syntax (=Grammatik).
//edit
OK, man sollte auch mal scrollen
Für die Klasse "textkleinweiß" bzw. deren Links wurde noch kein :hover Zustand festgelegt.
- Code: Alles auswählen
a.textkleinweiss:hover {
color:#000;
}
- nur ein Beispiel
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
-
Azra - Stammuser
- Beiträge: 422
- Registriert: 04.02.2010, 08:36
- Wohnort: (Alten)bochum
Re: 2 Schriftfarben plus ein hover-Effekt
von leuchtdiode » 26.05.2011, 12:23
Ja. Scrollen muss man gelegentlich mal...
Danke fürs (nochmal) Drüberschauen -
Syntaxprobleme sind ebenfalls beseitigt, ich hatte diese etwas antiquierte Programmierung von einer alten, lange nicht mehr nachgeschauten, Seite testhalber übernommen -
aber validator.w3.org ist ja ein gutes tool.
Vielen Dank für die Tipps, jetzt funktioniert es.
Ich hatte fälschlicherweise angenommen, dass die in meinem CSS enthaltenen Regeln allgemein für a:hover ausreichen würden. Der Eintrag einer speziellen Regel für die andere Textfarbe hat das Problem gelöst.
Grüsse aus Lanzarote - solltest Du hier einmal Urlaub machen, dann schreibe mich an und es winkt ein kühles Bier als Dankeschön!
leucht-dio.de
Danke fürs (nochmal) Drüberschauen -
Syntaxprobleme sind ebenfalls beseitigt, ich hatte diese etwas antiquierte Programmierung von einer alten, lange nicht mehr nachgeschauten, Seite testhalber übernommen -
aber validator.w3.org ist ja ein gutes tool.
Vielen Dank für die Tipps, jetzt funktioniert es.
Ich hatte fälschlicherweise angenommen, dass die in meinem CSS enthaltenen Regeln allgemein für a:hover ausreichen würden. Der Eintrag einer speziellen Regel für die andere Textfarbe hat das Problem gelöst.
Grüsse aus Lanzarote - solltest Du hier einmal Urlaub machen, dann schreibe mich an und es winkt ein kühles Bier als Dankeschön!
leucht-dio.de
- leuchtdiode
- neu hier
- Beiträge: 3
- Registriert: 26.05.2011, 10:14
Re: 2 Schriftfarben plus ein hover-Effekt
von Azra » 26.05.2011, 12:29
Bestens, mal jemand der schnallt was zu tun ist 
Dass a:hover auf alle Links wirkt stimmt - es wurde aber durch a.textkleinweiss überschrieben da dieser Selektor (a) für alle Zustände gilt und die Links dieser Klasse dadurch immer weiß waren.
Hah, vielen Dank für dieses Angebot - leider bin ich armer Azubi
Vielleicht in ein paar Jahren.
Wünsche eine angenehme Restwoche.
Dass a:hover auf alle Links wirkt stimmt - es wurde aber durch a.textkleinweiss überschrieben da dieser Selektor (a) für alle Zustände gilt und die Links dieser Klasse dadurch immer weiß waren.
Hah, vielen Dank für dieses Angebot - leider bin ich armer Azubi
Vielleicht in ein paar Jahren.Wünsche eine angenehme Restwoche.
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
-
Azra - Stammuser
- Beiträge: 422
- Registriert: 04.02.2010, 08:36
- Wohnort: (Alten)bochum
Re: 2 Schriftfarben plus ein hover-Effekt
von leuchtdiode » 26.05.2011, 12:41
Gut, die Erklärung nochmal zu lesen.
Kannst Du ein Buch/online-Inhalt zum wirklichen Lernen von CSS empfehlen?
Und dem armen Azubi empfehle ich als Urlaubsreise einen preiswerten Last-Minute-Flug nach Lanzarote (Ryan-Air ab 19 Euro) und, dank meiner Ortskenntnis, ein privates Appartment. Wenn man da zu viert kommt, kriegt man das schon ab 8 Euro pro Tag und Person.
Sonnige Gruesse
leucht-dio.de
Kannst Du ein Buch/online-Inhalt zum wirklichen Lernen von CSS empfehlen?
Und dem armen Azubi empfehle ich als Urlaubsreise einen preiswerten Last-Minute-Flug nach Lanzarote (Ryan-Air ab 19 Euro) und, dank meiner Ortskenntnis, ein privates Appartment. Wenn man da zu viert kommt, kriegt man das schon ab 8 Euro pro Tag und Person.
Sonnige Gruesse
leucht-dio.de
- leuchtdiode
- neu hier
- Beiträge: 3
- Registriert: 26.05.2011, 10:14
Re: 2 Schriftfarben plus ein hover-Effekt
von Azra » 26.05.2011, 12:51
leuchtdiode hat geschrieben:Kannst Du ein Buch/online-Inhalt zum wirklichen Lernen von CSS empfehlen?
Also gute Bücher wären:
CSS-Praxis - ISBN/ASIN: 3898425770
CSS-Design: Die Tutorials für Einsteiger - ISBN/ASIN: 3836211556
Online ist vielleicht folgendes hilfreich:
http://de.html.net/tutorials/css/
leuchtdiode hat geschrieben:Und dem armen Azubi empfehle ich als Urlaubsreise einen preiswerten Last-Minute-Flug nach Lanzarote (Ryan-Air ab 19 Euro) und, dank meiner Ortskenntnis, ein privates Appartment. Wenn man da zu viert kommt, kriegt man das schon ab 8 Euro pro Tag und Person.
Ich notier mir das und deine E-Mail Adresse mal
Sonnige (teils stürmische) Grüße auch aus Burscheid (DE)
“HTML is the language for describing the structure of Web pages.”
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
“CSS is the language for describing the presentation of Web pages, including colors, layout, and fonts.”
Noch weitere Probleme? Kontakt über meine Webseite - simonduda.ch
-
Azra - Stammuser
- Beiträge: 422
- Registriert: 04.02.2010, 08:36
- Wohnort: (Alten)bochum
6 Beiträge • Seite 1 von 1
Moderatoren: Laus, Moderatoren
Ähnliche Beiträge zu "2 Schriftfarben plus ein hover-Effekt"
- Aufbau meiner HP mit div-Tags
- border lässt divs nach rechts einrücken
- Einfaches Layout auf 100% der Browserhöhe
- Verschiedene Hover-Effekte über Klassen steuern?
- CSS-Hover-problem
- Hover Menü
- Navigation mit Rollovereffekt nicht komplett
- Frage zum Hover-Effekt
Zurück zu: CSS für Anfänger
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 4 Gäste