+ Antworten
Ergebnis 1 bis 4 von 4

Thema: Hover bei aktiver Seite bleiben

  1. #1
    Neu an Board
    Registriert seit
    13.04.2011
    Alter
    28
    Beiträge
    5
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Hover bei aktiver Seite bleiben

    Hallo liebe Joomlagemeinde

    Ich habe auf meine HP ein Menue mit Hover Effekt. Dieser klappt wunderbar auf jedem Browser. Doch nun will ich das dieser Hover Effekt bei der aktiven Seite bleibt.

    Kleine Erklärung:

    Ich habe die Menü Punkte Home - Über uns - Dienstleistungen - Jobs - Kontakt. Wenn man mit dem Mauszeiger drüber fährt leuchtet der jeweilige Punkt Rot auf. Aber ich will nun wenn man z.B. "Dienstleistungen" anklickt dieses Menü rot bleibt.

    Anfangs hatte ich die Seite noch ohne Joomla erstellt und dort klappte es mit dem Befehl "current" im html wunderbar, doch seit dem Umstieg kriege ich es für das CSS nicht hin.

    Ich denke, das es keine grosse Sache ist, aber ich komme nicht dahinter was ich falsch mache.

    Hier mal der bisherige CSS:


    Code:
    .box nav ul li a:hover, .box nav ul li a.current {
    					background:url(../images/nav-bg-act.gif) 0 0 repeat-x;
    					border; 1px solid;
    				}
    Geändert von John M (15.05.2011 um 15:43 Uhr)

  2. #2
    Neu an Board Avatar von it-pappa
    Registriert seit
    06.06.2009
    Beiträge
    34
    Bedankte sich
    8
    Erhielt 4 Danksagungen
    in 4 Beiträgen

    Standard

    Hi, versuch mal a:visited{color:#FF0000}
    Hoffe, deine Frage richtig verstanden zu haben...
    Geändert von it-pappa (27.04.2011 um 22:17 Uhr)
    War mein Post hilfreich? Sag Danke/Thanks - unten links
    Problem gelöst? Beitrag bitte als gelöst markieren! Bitte so markieren

  3. #3
    Kommt häufiger vorbei Avatar von contraer
    Registriert seit
    07.12.2007
    Ort
    Neustadt (Spree)
    Beiträge
    250
    Bedankte sich
    48
    Erhielt 28 Danksagungen
    in 27 Beiträgen

    Standard

    current ist soweit ich das im Kopf habe nicht als class sondern als id definiert.

    Probier mal folgendes:

    .box nav ul li a:hover, .box nav ul li a#current {
    background:url(../images/nav-bg-act.gif) 0 0 repeat-x;
    border; 1px solid;
    }
    "Wer aufhört, besser werden zu wollen, hört auf, gut zu sein." www.markowski-design.de

  4. Erhielt Danksagungen von:


  5. #4
    Neu an Board
    Registriert seit
    13.04.2011
    Alter
    28
    Beiträge
    5
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Got it


    Joomla stellt das ganze anders dar als ich selbst, meine Reihenfolge war falsch. Ein genauer Blick in denn Quellcode hätte gereicht.
    Aber dies hatte ich auch nur dank des Tipps von contraer herausgefunden.

    ul.menu li#current a{
    background:url(../images/nav-bg-act.gif) 0 0 repeat-x;
    border; 1px solid;
    }

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein