Forum für CMS/made simple

GoGo

kennt CMS/ms

Registriert: 20. Januar 2011

Beiträge: 134

CSS für horizontales Menü - Pfeile werden nicht angezeigt

Hallo Leute, irgendwie habe ich Tomaten auf den Augen und übersehe etwas...
Daher bitte ich um Hilfe.

Ich habe ein horizontales Menü mit 4 Ebenen.

Problem 1: die Pfeile werden nicht engezeigt (die, die ausklappbare Links anzeigen)
Problem 2: die vierte Ebene wird angezeigt sobald die dritte sichtbar ist, egal auf welchem Link die Maus steht.

Die CSS habe ich nur geringfügig angepasst, aber da ich noch nie eine 4-Level-Navi gemacht habe, habe ich mich etwas verloren.

 Hier klicken, um den Code zum Kopieren zu markieren

[== css ==]
#primary-nav li li {   }

#primary-nav, #primary-nav ul {
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
font-weight: bold;
}
#primary-nav ul { position: absolute; top: auto; display: none; }
#primary-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0; }
	
#primary-nav li { 
   margin-left: -1px; 
   float: left; 

}
#primary-nav li li { color: #000; background-repeat: repeat-x; margin-left: 0; margin-top: -1px; float: none; position: relative; width: 240px;}

/* Styling the basic apperance of the menu elements */
#primary-nav a {  color: #1b354d;
   display: block; 
   margin: 0; 
   padding: 6px 30px; 
   text-decoration: none; 
font-size: 14px;

background-color:#ffffff;


}
#primary-nav li a {  }
#primary-nav li li a { border-top: 1px solid #9fb2c4; border-bottom: 1px solid #4a6b8c; border-right: 1px solid #4a6b8c; background-color:#ffffff; font-size: 12px; margin-left:1px;}	
#primary-nav li, #primary-nav li.menuparent { 
    
}


#primary-nav li a:active { }
#primary-nav li li a:hover {  background-color:#ededed; }


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { }


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth {
/* arrow for menuparents */
   background-image: url(uploads/images/layout/pfeil_u.gif); background-position: right center; background-repeat: no-repeat;  }


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 

}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

NaN

Moderator

Ort: Halle (Saale)

Registriert: 09. November 2010

Beiträge: 4.437

Re: CSS für horizontales Menü - Pfeile werden nicht angezeigt

Zu 1.: Welche Klasse haben die Links, die Unterseiten haben?

Zu 2.: Was ist an diesem Kommentar unklar:

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
/*
just add
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul ul ul,
for fourth level
*/

---

Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

GoGo

kennt CMS/ms

Registriert: 20. Januar 2011

Beiträge: 134

Re: CSS für horizontales Menü - Pfeile werden nicht angezeigt

Zu 1:
1. Ebene: menuparent (hier soll Pfeil nach unten)
2. Ebene: menuparent (hier soll Pfeil nach rechts)
3. Ebene: menuparent (hier soll Pfeil nach rechts)

Zu 2:
ich denke, ich weiß es schon