kostenloser Webspace werbefrei: lima-city


Menu Bar wird nicht markiert

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    l*******k

    Hey,

    an meiner Menubar wird nicht das neue markiert wenn ich eine andere Seite aufrufe bsp. Unterseite 2, dann bleibt einfach die Unterseite 4 markiert diese ändert sich nicht.

    Auf diesem Bild ist die Startseite aufgerufen, aber es bleibt trotzdem die 4. Unterseite markiert.
    http://lokalbook.wmw.cc/menubar2.png


    PHP Code:
    <!-- Start: Site Menu -->
    		<div id="siteMenu">
    			<ul>
    									<li><a href="http://lokalbook.wmw.cc/Lokalbook/" id="item1" title="Lokalbook"><span>Lokalbook</span></a></li>
    									<li><a href="http://lokalbook.wmw.cc/Lokalbook/unterseite.php" id="item2" title="Unterseite"><span>Unterseite</span></a></li>
    									<li><a href="http://lokalbook.wmw.cc/Lokalbook/unterseite2.php" id="item3" title="Unterseite"><span>Unterseite</span></a></li>
    									<li><a href="http://www.Google.de" id="item4" title="Unterseite"><span>Unterseite</span></a></li>
    									<li><a href="http://www.Google.de" id="item5" title="Unterseite"><span>Unterseite</span></a></li>
    							</ul>
    		</div>
    		<hr>
    		<!-- End: Site Menu -->




    CSS Code:
    /* ################################# Main Menu ################################# */
    
    /* Globals */
    
    #siteMenu {position: relative; width: 978px; height: 50px; margin: 0 auto; display: block; clear: both; overflow: hidden;}
    #siteMenu:after {content: ""; clear: both; height: 0; display: block;}
    	
    	/* Tags */
    	
    	#siteMenu ul {list-style: none; display: inline;}
    	#siteMenu ul li {font-size: 100% !important; display: inline;}
    	#siteMenu ul li a {position: absolute; top: 0; height: 50px; width: 194px; z-index: 10; display: block; margin: 0 4px; background-image: none; background-repeat: no-repeat; background-position: left top; text-decoration: none;}
    	#siteMenu ul li a span {font-size: 1.2em; color: #666; padding-top: 7px; font-weight: bold !important; text-shadow: 0 1px 0 #fff; line-height: 1; display: block;}
    	#siteMenu ul li a:hover span {color: #333; text-shadow: 0 1px 0 #fff;}
    	#siteMenu ul li a:active span {padding-top: 8px;}
    	
    	.section01 #siteMenu a#item1 span, .section02 #siteMenu ul a#item2 span, .section03 #siteMenu ul a#item3 span, .section04 #siteMenu ul a#item4 span, .section05 #siteMenu ul a#item5 span {color: #ff0000; text-shadow: 0 -1px 0 #036;}
    		
    		/* -- -- -- Backgrounds -- -- -- */
    		
    		/* Link */
    		
    		#siteMenu ul a#item1					{left: 0; background-image: url("../HP/images/menuFirst.png");}
    		#siteMenu ul a#item1:hover				{background-position: 0 -100px;}
    		#siteMenu ul a#item1:active				{background-position: 0 -200px;}
    		.section01 #siteMenu a#item1,
    		.section01 #siteMenu a#item1:hover		{background-position: 0 -200px;}
    		
    		/* Link */
    		
    		#siteMenu ul a#item2					{left: 194px; background-image: url("../HP/images/menu.png");}
    		#siteMenu ul a#item2:hover				{background-position: 0 -100px;}
    		#siteMenu ul a#item2:active				{background-position: 0 -200px;}
    		.section02 #siteMenu ul a#item2,
    		.section02 #siteMenu ul a#item2:hover	{background-position: 0 -200px;}
    		
    		/* Link */
    		
    		#siteMenu ul a#item3					{left: 388px; background-image: url("../HP/images/menu.png");}
    		#siteMenu ul a#item3:hover				{background-position: 0 -100px;}
    		#siteMenu ul a#item3:active				{background-position: 0 -200px;}
    		.section03 #siteMenu ul a#item3,
    		.section03 #siteMenu ul a#item3:hover	{background-position: 0 -200px;}
    		
    		/* Link */
    		
    		#siteMenu ul a#item4					{left: 582px; background-image: url("../HP/images/menu.png");}
    		#siteMenu ul a#item4:hover				{background-position: 0 -100px;}
    		#siteMenu ul a#item4:active				{background-position: 0 -200px;}
    		.section04 #siteMenu ul a#item4,
    		.section04 #siteMenu ul a#item4:hover	{background-position: 0 -200px;}
    		
    		/* Link */
    		
    		#siteMenu ul a#item5					{left: 776px; background-image: url("../HP/images/menuLast.png");}
    		#siteMenu ul a#item5:hover				{background-position: 0 -100px;}
    		#siteMenu ul a#item5:active				{background-position: 0 -200px;}
    		.section05 #siteMenu ul a#item5,
    		.section05 #siteMenu ul a#item5:hover	{background-position: 0 -200px;}


    Gruß Tobi
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Wäre es nicht sinnvoll, alle Probleme mit deiner Website in einem Thread zu bündeln? Und vor allem wäre es nützlich, einen Link zu einer funktionierenden Version mit anzugeben, denn mit Firebug und anderen Dev-Tools ist Hilfe einfacher als mit den ewigen Codeschnipseln und Bildchen.

    FF

  4. fatfreddy schrieb:
    Wäre es nicht sinnvoll, alle Probleme mit deiner Website in einem Thread zu bündeln? Und vor allem wäre es nützlich, einen Link zu einer funktionierenden Version mit anzugeben, denn mit Firebug und anderen Dev-Tools ist Hilfe einfacher als mit den ewigen Codeschnipseln und Bildchen.

    FF

    Danke, endlich sagt es mal jemand, zumal ich ihm die Seite glaube schonmal als dummy-layout geschickt hatte und er es einfach nicht hinbekommt Zeilen zu kopieren und entsprechend anzupassen…

    Mit freundlichen Grüßen
  5. Autor dieses Themas

    l*******k

    Hey,

    Ja, hier. Danke

    http://lokalbook.wmw.cc/Lokalbook/

    nemoinho, ein dummy-layout habe ich von dir glaub noch keines bekommen.

    Gruß Tobi
  6. lokalbook schrieb:
    nemoinho, ein dummy-layout habe ich von dir glaub noch keines bekommen.


    Mein Fehler, dann war das dein Bruder, aber wie soll sich den da etwas ändern, nur durch CSS und HTML, weder das eine noch das andere hat einen Einfluss darauf, unter welcher Adresse es sich gerade befindet, dein PHP muss das steuern und zwar über die Klasse im body da steht irgendwas von section04 wenn sich das auf section01 ändert ist der erste Menüeintrag aktiviert, wie gesagt, das muss dein PHP machen. Oder du kodierst es hart.

    Mit freundlichen Grüßen
  7. Autor dieses Themas

    l*******k

    Hey,

    codet by nemoinho:

    switch($_SERVER["PHP_SELF"]){
    case 'foo.php': $body = '<body class="section01 body01">'; break;
    case 'bar.php': $body = '<body class="section02 body02">'; break;
    case 'baz.php': $body = '<body class="section03 body03">'; break;
    default: $body = '<body class="section01 body01">'; break;
    }
    echo $body;


    wie kann ich das in meinem code einbauen sodass es funktioniert, wer kann mir helfen?

    Gruß Tobi

    Beitrag zuletzt geändert: 7.8.2011 16:46:02 von lokalbook
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!