Menu Bar wird nicht markiert
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
after
aufruf
bekommen
blocken
break
code
dank
display
hilfe
http
image
layout
list
position
problem
span
steuer
text
unterseite
url
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
fatfreddy schrieb:
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…
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
Mit freundlichen Grüßen -
Hey,
Ja, hier. Danke
http://lokalbook.wmw.cc/Lokalbook/
nemoinho, ein dummy-layout habe ich von dir glaub noch keines bekommen.
Gruß Tobi -
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 -
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
