kostenloser Webspace werbefrei: lima-city

Menu funktioniert nicht.

lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess

1. Autor dieses Themas

   l*******k

   15:06, 6.8.2011

   Hallo,
   
   ich habe eine Menu Zeile an meiner Homepage, wenn ich über dieser drüber fahre wird diese dunkler, aber wenn ich diese anklick möchte ich das dann die Farbe bleibt, die dort beim drüber fahren herkommt.
   
   CSS:
   
   

   /* ################################# 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: #fff; 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 -300px;}
   		
   		/* 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 -300px;}
   		
   		/* 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 -300px;}
   		
   		/* 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 -300px;}
   		
   		/* 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 -300px;}

   
   
   Meine Homepage:
   http://lokalbook.wmw.cc/Lokalbook/
   
   so ist meine menu Zeile:
   http://lokalbook.wmw.cc/menu.png
   
   Gruß

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

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

3. sonok

   Moderator

   sonok hat kostenlosen Webspace.

   15:32, 6.8.2011

   http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active
   
   Ich würde vermuten, Du müßtest bei a:active den gleichen Code wie von a:hover hinpacken, damit das klappt.
4. Autor dieses Themas

   l*******k

   15:45, 6.8.2011

   funktioniert leider nicht, irgendwie ist der code falsch, weil ich habe die Menu gekürtzt also es gab 4 Zeilen hier:
   http://lokalbook.wmw.cc/menu.png
   
   und dann will er mir immer die 4. Zeile holen in der Menu Bar aber die gibt es nicht mehr wie kann ich das umstellen das er die 3 Zeile holt?
   
   Gruß Tobi

5. ole-reglitzki

   

   ole-reglitzki hat kostenlosen Webspace.

   16:32, 6.8.2011

   Mit

   background-position: 0 -300px;

   wird der vierte Balken aktiviert, mit

   background-position: 0 -200px;

   der dritte, also einfach alle -300er auf -200 setzen

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?