hallo leutz,
brauche eure HILFE !!!
habe mich sehr bemüht so einen script zu bekommen.nun habe ich einen kleinen sonderwunsch
wenn das menu erscheint soll jeder sind wie in einer einzelnen tabelle erscheinnen.
anhang = linke seite original , rechte seite mein wunsch
Hier erste mal der code einen der sich damit auskennt wird es 100% in 1 min machen *lol*
Code
<style type="text/css">
#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}
#csstopmenu li{
float: left;
position: relative;
}
#csstopmenu a{
text-decoration: none;
}
.mainitems{
border: 1px solid black;
border-left-width: 0;
background-color: lightblue ;
}
.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: black;
}
.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #FFFFFF;
border: 1px solid black;
}
.submenus li{
width: 100%;
}
.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}
html>body .submenus li a{ /* non IE browsers */
width: auto;
}
.submenus li a:hover{
background-color: yellow;
color: black;
}
#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}
#csstopmenu li:hover ul, li.over ul {
display: block;
}
html>body #clearmenu{ /* non IE browsers */
height: 3px;
}
</style>
<script type="text/javascript">
// CSS Top Menu- By JavaScriptKit.com (http://www.javascriptkit.com)
// Adopted from SuckerFish menu
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// Please keep this credit intact
startMenu = function() {
if (document.all&&document.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){
this.className=this.className.replace(" over", "")
}
}
}
}
}
if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;
</script>
<ul id="csstopmenu">
<li class="mainitems" style="border-left-width: 1px">
<div class="headerlinks">[url='http://www.javascriptkit.com']JavaScript Kit[/url]</div>
<ul class="submenus">
[*][url='http://javascriptkit.com/']Home[/url]
[*][url='http://javascriptkit.com/cutpastejava.shtml']Free JavaScripts[/url]
[*][url='http://javascriptkit.com/javaindex.shtml']JavaScript tutorials[/url]
[*][url='http://javascriptkit.com/jsref/index.shtml']JavaScript Reference[/url]
[/list]
<li class="mainitems">
<div class="headerlinks">[url='http://www.javascriptkit.com']2nd Menu Item[/url]</div>
<ul class="submenus" style="width: 14em">
[*][url='']Sub 2 Item 1. Long text, long menu.[/url]
[*][url='']Sub 2 Item 2[/url]
[*][url='']Sub 2 Item 3.[/url]
[/list]
<li class="mainitems">
<div class="headerlinks">[url='http://www.javascriptkit.com']3rd Menu Item[/url]</div>
<ul class="submenus">
[*][url='']Sub 3 Item 1[/url]
[*][url='']Sub 3 Item 1[/url]
[*][url='']Sub 3 Item 1[/url]
[*][url='']Sub 3 Item 1[/url]
[/list]
[/list]
<div id="clearmenu" style="clear: left"></div>
<p style="font: normal 11px Arial">This free script provided by
[url='http://www.javascriptkit.com']JavaScript Kit[/url]</p>
Alles anzeigen