mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 04.12.2016 15:18 Benutzername: Passwort: Auto-Login

Thema: [CSS] ID für Aktivierte Navigation in Joomla vom 16.06.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] ID für Aktivierte Navigation in Joomla
Autor Nachricht
Kai.S
Threadersteller

Dabei seit: 20.12.2005
Ort: München
Alter: 34
Geschlecht: Männlich
Verfasst Fr 16.06.2006 20:11
Titel

[CSS] ID für Aktivierte Navigation in Joomla

Antworten mit Zitat Zum Seitenanfang

Hi Leute,

ich habe ein Problem und brauche mal Hilfe!
Also Joomla erzeugt folgenden Code für meine Navigation:
Code:
<div id="left_outer">
               <div id="left_inner">
                  <div class="moduletable">
                     <ul id="mainlevel"><li><a href="#" class="mainlevel" id="active_menu">Home</a></li>
                     <li><a href="#" class="mainlevel">Lackierungen</a></li>
                     <li><a href="#" class="mainlevel">Karosseriebau</a></li>
                     <li><a href="#" class="mainlevel">Abschleppdienst</a></li>
                     <li><a href="#" class="mainlevel">Schadensbeseitigung</a></li></ul>
                  </div>
               </div>
            </div>

Jetzt hab ich per CSS die a-tags in #mainlevel gestyled und das funktioniert auch einwandfrei bis auf den veränderten background für den aktivierten Menüpunkt <a id="active_menu">

Wieso will das einfach nicht?! Kann mir das einer erklären, oder mir eine Lösung geben bitte.

Code:
/* Hauptnavigation */

#mainlevel {
      list-style-type:none;
      padding: 0px;
      margin: 0px;
      text-align:left;
   }
   #mainlevel li {
      /*float:left;*/
      display:block;
   }
   #mainlevel a:link {
      display:block;
      height:35px;
      padding-left: 80px;
      padding-right: 30px;
      /*padding-top: 5px;*/
      line-height: 35px;
      font-size:12px;
      color:#CCCCCC;
      background:url(gfx/navi_bg.png) center top no-repeat;
   }
   #mainlevel a:visited {
      display:block;
      height:35px;
      padding-left: 80px;
      padding-right: 30px;
      /*padding-top: 5px;*/
      line-height: 35px;
      font-size:12px;
      color:#CCCCCC;
      background:url(gfx/navi_bg.png) center top no-repeat;
   }
   
   #mainlevel a:hover {
      display:block;
      height:35px;
      padding-left: 80px;
      padding-right: 30px;
      /*padding-top: 5px;*/
      line-height: 35px;
      font-size:12px;
      color:#5A5B5F;
      background:url(gfx/navi_bg_hi.png) center top no-repeat;
      text-decoration:none;
   }
   
   #mainlevel a:active {
      display:block;
      height:35px;
      padding-left: 80px;
      padding-right: 30px;
      /*padding-top: 5px;*/
      line-height: 35px;
      font-size:12px;
      color:#5A5B5F;
      background:url(gfx/navi_bg_hi.png) center top no-repeat;
      text-decoration:none;
   }

#active_menu {
   background:url(gfx/navi_bg_act.png) center top no-repeat;
   background-image:url(gfx/navi_bg_act.png);
}

#active_menu.mainlevel {
   background:url(gfx/navi_bg_act.png) center top no-repeat;
   background-image:url(gfx/navi_bg_act.png);
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 16.06.2006 20:23
Titel

Antworten mit Zitat Zum Seitenanfang

So schonmal probiert:
A#active_menu.mainlevel {
background:url(gfx/navi_bg_act.png) center top no-repeat;
}
oder so:
A#active_menu.mainlevel:link, A#active_menu.mainlevel:visited {
background:url(gfx/navi_bg_act.png) center top no-repeat;
}
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Kai.S
Threadersteller

Dabei seit: 20.12.2005
Ort: München
Alter: 34
Geschlecht: Männlich
Verfasst Fr 16.06.2006 20:26
Titel

Antworten mit Zitat Zum Seitenanfang

hmm so gehts zumindest im Firefox, der IE machts allerdings nicht *Schnief*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 16.06.2006 20:45
Titel

Antworten mit Zitat Zum Seitenanfang

echt oder. dann mal so probieren:

A#active_menu:link, A#active_menu:visited, A#active_menu:hover, A#active_menu:active {
background:url(gfx/navi_bg_act.png) center top no-repeat;
}
  View user's profile Private Nachricht senden
Kai.S
Threadersteller

Dabei seit: 20.12.2005
Ort: München
Alter: 34
Geschlecht: Männlich
Verfasst Fr 16.06.2006 22:23
Titel

Antworten mit Zitat Zum Seitenanfang

jo so gehts! Klasse, danke vielmals!

Kannst du mir auch sagen woran das jetzt lag?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Sa 17.06.2006 04:21
Titel

Antworten mit Zitat Zum Seitenanfang

in der regel kannste davon ausgehen das: Internet Explorer = einfach dumm!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Joomla! Problem ((Joomla) vor CSS-Pfad)
[joomla] frage zur navigation
[CSS] Probleme mit CSS-Navigation und Rolloverbildern
CSS Navigation
CSS: Navigation
IE Problem mit CSS Navigation
Neues Thema eröffnen   Neue Antwort erstellen
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.