Sie sind hier:

Website Baker CMS Forum

Website Baker CMS Forum » Websitebaker 2.x » Templates

show_menu2 current

(4 posts) (2 voices)

Vor 1 year von manito gestartet
Letzte Antwort von daniel

Tags:

manito

offline

Mitglied
Login to Send PM

Hallo,

Benutze show_menu2 damit ich sowohl bei der root (expand) nav und der children/siblings (curent) nav einen ativen Menüpunkt habe. Leider will das mit dem CSS code noch nicht, obwohl ich das Gefühl habe, dass ID und Klassen richtig gesetzt sein sollten.

Hier der CSS Code

#nav {
        clear: both;
        padding: 0 10px 0 0;        
		margin: 0 0 0 68px;
        width: 859px;
        height: 46px;
        background: url(../img/nav.png) no-repeat;
}
#nav2	{
        float: left;
		padding: 35px 0 0 20px;        
		margin: 0 0 0 0px;
        width: 215px;
        height: 266px;
        background: url(../img/nav2.png) no-repeat;
	}

#nav ul {
        float: left;
        list-style: none;
        margin: 10px 0 0 0;
        height: 27px;
        padding: 0 0 0 5px;
	}


#nav ul li 	{
        float: left;
        margin: 0; padding: 0 0 0 5px;
	}

#nav ul li a, #nav2 ul li a   	{
        float: left;
        margin: 0;
        padding: 0 10px 0 5px;
        color: grey;
        font-family: 'Courier New', Courier, monospace, serif;
	font-size: 24px;
        font-weight: bold;
	text-decoration: none;
	}

#nav ul li a:hover, #nav2 ul li a:hover		{
        color: black;
	}
 
#nav ul li a.menu-current, #nav2 ul li a.menu-current	{
        color: #981A1F;
	}
#nav ul li a.menu-expand, #nav2 ul li a.menu-expand 	{
        color: #981A1F;
	}

der Link zur Seite Website

vor 1 year veröffentlicht #

daniel

offline

Hausmeister
Login to Send PM

Hallo manito,

Vorab vielen Dank, dass Du Deine Frage noch einmal hier im Forum gepostet hast. So können mehr Leute von der Antwort profitieren. Per E-Mail wärst es nur Du.

Leider habe ich das Gefühl, dass die Klassen doch falsch gesetzt sind.
Zuerst einmal fällt mir auf, dass die Untermenüpunkte im linken Menü (#nav2) überhaupt nicht berücksichtigt worden sind.

Wenn Du Dir einmal bitte im Browser den Quelltext Deiner Seite anschaust, dann kannst Du erkennen, dass die einzelnen Klassenangaben (menu-current, menu-expand usw.) nicht beim a-Tag stehen, sondern beim li-Tag.

Ich habe hier für Dich einmal einen ScreenShot angefertigt und die betreffenden Stellen hervorgehoben:

Und das hier wäre mein Lösungsvorschlag:


/* Navigation 1 */
#nav {
        clear: both;
        padding: 0 10px 0 0;        
		margin: 0 0 0 68px;
        width: 859px;
        height: 46px;
        background: url(../img/nav.png) no-repeat;
}
#nav2 {
        float: left;
		padding: 35px 0 0 20px;        
		margin: 0 0 0 0px;
        width: 215px;
        height: 266px;
        background: url(../img/nav2.png) no-repeat;
}
#nav2 ul li.menu-current a{
        color: #981A1F;
}



#nav ul {
        float: left;
        list-style: none;
        margin: 10px 0 0 0;
        height: 27px;
        padding: 0 0 0 5px;
}


#nav ul li {
        float: left;
        margin: 0; padding: 0 0 0 5px;
}

#nav ul li a, #nav2 ul li a   {
        float: left;
        margin: 0;
        padding: 0 10px 0 5px;
        color: grey;
        font-family: 'Courier New', Courier, monospace, serif;
	font-size: 24px;
        font-weight: bold;
	text-decoration: none;
}

#nav ul li a:hover, #nav2 ul li a:hover {
        color: black;
}
 
#nav ul li.menu_current a{
        color: #981A1F;
}
#nav ul li.menu-expand a{
        color: #981A1F;
}

Viele Grüße,

Daniel

vor 1 year veröffentlicht #

manito

offline
Mitglied
Login to Send PM

Vielen Dank nun klappt es..

Mit #nav ul li.menu_current a und natürlich #nav ul li.menu_parrent a (und nicht expand) habe ich mein Wunschmenü hingekriegt.. danke für die Hilfe..

vor 1 year veröffentlicht #
daniel

offline
Hausmeister
Login to Send PM

Hallo,

es freut mich, dass es jetzt so geht wie es soll.

Ja, mit menu_parrent hast Du natürlich recht.

Viele Grüße,

Daniel

vor 1 year veröffentlicht #

RSS feed for this topic

Antwort

Du musst angemeldet sein, um einen Beitrag zu schreiben.

Seitenanfang