+ Antworten
Ergebnis 1 bis 3 von 3

Thema: zwei menüs / zwei css-bereiche ???

  1. #1
    Neu an Board
    Registriert seit
    12.11.2004
    Beiträge
    48
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard zwei menüs / zwei css-bereiche ???

    nabend.

    ich möchte zwei menüs unterschiedliche css-definitionen zuweisen.
    wie bekomme ich das hin???

    in den menüeinstellungen habe ich unter "Module Class Suffix" den
    menüs unterschiedliche css-klassen gegeben. "hauptmenue" und
    "submenue". diese definitionen werden auch im quelltext angezeigt.

    nun komme ich bei den css-definitionen nicht weiter.

    meine css-datei sieht folgendermaßen aus:
    Code:
    #active_menu {
    	color:#000000;
    	font-weight: normal;
    }
    
    a#active_menu:hover {
    	color: #000000;
    }
    
    #active_submenu {
    	color:#ffffff;
    	font-weight: normal;
    }
    
    a#active_submenu:hover {
    	color: #ffffff;
    }
    
    a.mainlevel:link, a.mainlevel:visited {
    	font-family: Arial, Verdana;
    	display: block;
    	background: #A2BFE1;
    	vertical-align: top;
    	font-size: 11pt;
    	font-weight: 500;
    	color: #908E8E;
    	text-align: right;
    	padding-top: 3px;
    	padding-right: 10px;
    	height: 24px;
    	width: 150;
    	text-decoration: none;
    }
    
    a.mainlevel:hover {
    	font-family: Arial, Verdana;
    	text-decoration: none;
    	color: #000000;
    }
    
    a.sublevel:link, a.sublevel:visited {
             text-align: right;
             display: block;
             background: #AD4B54;
             font-family: ATRotisSemiSans, Arial, Verdana;
             padding-right: 10px;
             vertical-align: middle;
             font-size: 11pt;
             font-weight: 500;
             color: #E2B2B0;
             letter-spacing: 0pt;
             width: 145px;
             line-height: 20px;
    }
    
    a.sublevel:hover {
    	color: #ffffff;
    	text-decoration: none;
    }
    ...aber wie bekommme ich diese jetzt so hin, dass nur jeweils ein
    menü davon angesprochen wird???

    und überhaupt.. was ist der unterschied zwischen 'a', 'a#' und 'a.' ??

    ich glaube, ich befürchte, ich brauche da mal kurz nachhilfe. :-)

    viele grüße
    knut

  2. #2
    War schon öfter hier Avatar von Narla
    Registriert seit
    11.09.2004
    Ort
    NRW
    Beiträge
    220
    Bedankte sich
    3
    Erhielt 13 Danksagungen
    in 13 Beiträgen

    Standard

    a bedeutet immer im Falle des a.mainlevel:hover alle Berreiche einen a href haben mit der Class (Klasse) mainlevel....

    Im Falle des a#active_menue:hover sind die Berreiche angesprochen, die eine ID active_menue haben und wo ein a href stehr und eben der hover....

    sprich allgemein sprichst Du mit a:link alle Links an die keiner ID oder Klasse zugewiesen werden mit # (id) oder . (Class) sind Links definiert die noch zusätzlich einer Klasse oder einer ID zugewiesen sind...

    a:visited sind alle links die besucht wurden....ohne Klasse oder ID und a:hover ist sowas wie der OnMouse Over den man vom Java Script kennt...
    Geändert von Narla (09.12.2004 um 23:40 Uhr)

  3. #3
    Neu an Board
    Registriert seit
    12.11.2004
    Beiträge
    48
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    danke für die hilfreichen tipps.

    habe die sache mit den klassen und den IDs zwar noch immer nicht
    so richtig verstanden. vor allem nicht, wie ich die dinger verschachteln
    kann, aber ich denke, das wird schon noch. :-)

    kurz zur lösung meines problems:
    mein fehler war es, dass ich die menü-css-klasse
    unter "Module Class Suffix" und nicht "Menu Class Suffix"
    definieren wollte.
    als ich z.b. "menu1" in den "menu class suffix" eingetragen
    hatte, konnte ich die menüs super definieren.

    Code:
      
    a.mainlevelmenu1:hover {
    	font-family: Arial, Verdana;
    	text-decoration: none;
    	color: #4E4B4A;
            background-image: url(/images/rollover/kontakt-ro-1.gif); 
    }
    a.mainlevelmenu2:hover {
    	font-family: Arial, Verdana;
    	text-decoration: none;
    	color: #4E4B4A;
            background-image: url(/images/rollover/kontakt-ro-1.gif); 
    }
    die css-class für den aktiven menüpunkt wird übrigens hierbei gleich
    mitverändert, so dass man diesem auch ein neues aussehen ver-
    passen kann.

+ Antworten

Ähnliche Themen

  1. CSS für Mainbody definieren
    Von zecke23 im Forum Mambo Templates
    Antworten: 10
    Letzter Beitrag: 06.03.2005, 11:21
  2. Keine CSS im Frontend
    Von Luftikus im Forum Mambo Templates
    Antworten: 2
    Letzter Beitrag: 07.10.2004, 15:08
  3. Aufteilung CSS bei sbbigbis2
    Von sven31427 im Forum Mambo 4.5.0 Templates
    Antworten: 1
    Letzter Beitrag: 24.09.2004, 07:12
  4. Mainmenu und Usermenu die selben CSS daten?
    Von skullsick im Forum Mambo 4.5.0 Templates
    Antworten: 1
    Letzter Beitrag: 26.02.2004, 12:43
  5. Liste aller variablen?
    Von huedrant im Forum Mambo 4.5.0 Templates
    Antworten: 7
    Letzter Beitrag: 30.12.2003, 16:08

Lesezeichen

Berechtigungen

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