mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 02.12.2016 23:50 Benutzername: Passwort: Auto-Login

Thema: CSS-Klassen überschreiben/Pseudo Elemente manuell aktivieren vom 02.11.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS-Klassen überschreiben/Pseudo Elemente manuell aktivieren
Seite: 1, 2  Weiter
Autor Nachricht
css-starter
Threadersteller

Dabei seit: 02.11.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 02.11.2006 16:10
Titel

CSS-Klassen überschreiben/Pseudo Elemente manuell aktivieren

Antworten mit Zitat Zum Seitenanfang

Hi, ich habe wohl entweder nicht lange genug nachgedacht, bin zu blöde oder habe eine Blockade.
Wahrscheinlich alles 3... trotzdem... vielleicht kann einer helfen ?

Ich habe da ein Menu (mit verschiedenen Untermenüs, die zur Kennzeichnung unterschiedliche Hintergrundfarben, Einrückungen und backgroundimages haben)

Ausschnitt:
<li><a class="auswahl1" href="...">Beispiele</a></li>
<li><a class="verzweigung2" href="...">Checkliste</a></li>
...
Ausschnitt CSS:
#Navi ul.mainnavi li{background-image: url(../img/rahmen/menuschat4.gif);margin-top: 0px;}

#Navi ul.mainnavi a{text-decoration:none;padding-left: 7px;display: block;height: 25px; line-height: 25px}

#Navi ul.mainnavi a.verzweigung0 {background-image: url(../img/rahmen/pfeilunten.gif); background-repeat: no-repeat;padding-left: 21px;background-position: 8px center;}

Für das Überfahren habe ich die Hyperlinks einfach blau gefärbt und das sieht cool aus, da ich sie ja "geblockt" habe, ist die gesamte Link- Bildfläche aktivierbar.

#Navi ul.mainnavi a:hover,
{background-color: #A0B7e8;}

Nun die Fräge:
[b]Wie kann ich die hover- Darstellung (background-color Änderung) am elegantesten für alle Klassen nutzen ?[/b]
Die gerade aktive Seite soll nämlich auch einfach im Menu blau markiert sein.

Mit Span habe ich keinen Erfolg (blau fängt erst beim Schriftanfang mit der Hintergrundfarbe an)
<li><a href="Beispiel" class="verzweigung2"><span class="verzweigung2">Checkliste</span></a></li>

.gewaehlt
{display:block; background-color: #A0B7e8;}

Kann man mit Java Skript z.B. "a:active" einfach "von Hand setzten" und dann einfach:
#Navi ul.mainnavi a:active,
{background-color: #A0B7e8;}

Bin gespannt ob jemand Zeit zum helfen hat und ich mich ausdrücken konnte *zwinker*
  View user's profile Private Nachricht senden
mtk

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Fr 03.11.2006 11:00
Titel

Antworten mit Zitat Zum Seitenanfang

*Huch* Also das mit dem Ausdrücken üben wir nochmal! Ich bin aber der Meinung dass du kein Javascript benutzen musst um deine Links im hover-Zustand zu beeinflussen. Geht alles über CSS!

Daher frag ich noch mal genauer nach: Was ist das konkrete Problem bei dir? Formulier es so simpel wie möglich! Das geht am schnellsten.

MFG mtk
  View user's profile Private Nachricht senden
Anzeige
Anzeige
css-starter
Threadersteller

Dabei seit: 02.11.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 03.11.2006 17:46
Titel

Antworten mit Zitat Zum Seitenanfang

Hi, danke für die interessierte Nachfrage. Ich habe eben selber eine Lösung für mein unverständliches Problemchen gefunden Lächel
Ich wußte nicht, dass man einem Tag mehrere Klassen zuordnen kann und das die ! important- Regel auch ganz nützlich sein kann:

So ist meine Lösung folgende: (Angenommen die Beispielseite wird gerade angezeigt):
<li><a class="auswahl1 gewaehlt" href="...">Beispiele</a></li>

mit CSS:
.gewaehlt {background-color: #A0B7e8 ! important;}

Vielen Dank nochmal für die Anteilnahme. Nächstes Mal versuche ich mich kürzer zu fassen und vorher will ich an meinem Verständigunsproblem arbeiten. Es nützt blos nichts *ha ha*
  View user's profile Private Nachricht senden
mtk

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Mo 06.11.2006 07:32
Titel

Antworten mit Zitat Zum Seitenanfang

Grins Wird schon!

Schön dass du selbst drauf gekommen bist!

Bitte editiere deinen ersten Eintrag und füge in den Titel [solved] hinzu. So sehen die anderen dass dein Problem gelöst wurde.

MFG mtk
  View user's profile Private Nachricht senden
Mac

Dabei seit: 26.08.2005
Ort: Köln
Alter: 54
Geschlecht: Männlich
Verfasst Mo 06.11.2006 07:47
Titel

Antworten mit Zitat Zum Seitenanfang

btw: gibt es ein </li> ??
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mtk

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Mo 06.11.2006 07:57
Titel

Antworten mit Zitat Zum Seitenanfang

</li> ist der Abschluss eines Listenelement Tags!

wie bei <p>TEXTTEXTTEXT</p>

<li>Listeneintrag</li>
  View user's profile Private Nachricht senden
Mac

Dabei seit: 26.08.2005
Ort: Köln
Alter: 54
Geschlecht: Männlich
Verfasst Mo 06.11.2006 09:00
Titel

Antworten mit Zitat Zum Seitenanfang

ok, du hast ja recht - Anmerkung siehe unten
http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=%3Cli%3E

Man kann es auch weglassen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mtk

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Mo 06.11.2006 09:09
Titel

Antworten mit Zitat Zum Seitenanfang

Au weia! Mann kann es weglassen?

Reden wir eigentlich vom selbem Thema???^^ Ich glaub ich hab hier was verpasst.

Klär mich bitte mal auf.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Pseudo-Klassen
CSS: links in klassen definieren -pseudoklassen in klassen?
[IE] flash elemente aktivieren
Überschreiben der externen CSS <LI> durch eine Class
CSS Frage zu ID und Klassen
Prüfen von CSS-Klassen
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.