Hallo zusammen,
ich hab ein Problem mit einem Menue und dem Submenue dazu.
Ich möchte das mein Menue wie folgt aussieht:
Menue:
link1 link2 link3 link4
es soll dabei jeweils der angeklickte link eine andere Farbe erhält und solange behält bis ich einen anderen link anklicke!
Submenue:
°link1 °link4 °link7
°link2 °link5 °link8
°link3 °link6 °link9
auch hier soll der jeweilige geklickte link die Farbe ändern und behalten bis ich woanders hin klicke!
Mein Html dazu:
HTML
<div id="site">
<div id="top">
<div id="header">
<div id="logo"></div><div id="menu"><?php show_menu(1, 0, 1, true, "<li>[a][menu_title][/a]", '</li>', '<ul>', '</ul>', '', 'class="current"', 0); ?></div>
<div id="page-title">
<?php show_menu(1, 1, -1, true, "<li>[a][menu_title][/a]", '</li>', '<div id="submenu"><ul>', '</ul></div>', '', 'class="current"', 0); ?>
<h1><?php echo MENU_TITLE; ?></h1>
</div>
Mein css dazu:
Code
a{color:#fff;font:12px Arial, Helvetica, sans-serif;text-decoration:none;}
a:hover{color:#79a1b2;}
a img{border:none;}
p{font:12px Arial, Helvetica, sans-serif;}
h1{font:24px Arial, Helvetica, sans-serif;}
h2{font:20px Arial, Helvetica, sans-serif;}
h3, h4, h5{font:16px Arial, Helvetica, sans-serif;}
body{background:#2d6482;padding:0;margin:0;color:#fff;font:12px Arial, Helvetica, sans-serif;}
#site{background:url(img/bg.jpg) no-repeat center top;width:1000px;padding:0;margin:0 auto 0 auto;}
#header{background:url(img/bg-header.png) no-repeat center top;width:1000px;height:160px;padding:0;margin:0 auto 0 auto;}
#logo{background:url(img/logo.png) no-repeat;width:250px;height:60px;padding:0;margin:0 auto 0 auto;text-align:left;float:left;margin-left:10px;}
#menu{width:730px;height:60px;padding:0;margin:0 auto 0 auto;text-align:right;float:left;margin-right:10px;}
#menu ul{margin:20px 10px 0 0;display:inline;padding:0;list-style:none;float:right}
#menu li{float:left;margin:0;}
#menu a{display:block;height:34px;padding:0 20px 0 20px;color:#79a1b2;font:12px Arial, Helvetica, sans-serif;text-decoration:none;}
#menu a:hover, #menu .current{color:#fff;}
#submenu{width:500px;height:20px;padding:0;margin:0;text-align:left;float:left;margin-left:10px;}
#submenu ul{margin:16px 10px 0 0;display:inline;padding:0;list-style:none;float:left;}
#submenu li{float:left;margin:0;}
#submenu a{color:#fff;font:12px Arial, Helvetica, sans-serif;text-decoration:none;padding:0 10px 0 10px;}
#submenu a:hover, #menu .current{color:#79a1b2;}
Alles anzeigen
Ich hoffe ihr könnt mir weiter helfen.
LG Mike