Probleme mit Klappmenü

Chris-D

Hey ich hoffe ihr könnt mir helfen, ich hab eigentlich so gut wie keine ahnung von css hab meine seite komplett mit tutorials gemacht, aber jetzt komm ich nicht weiter, mein problem ist das ich immer nur bis zum 2ten link im klappmenü komm, wenn ich die höhe der boxen auf 20 stelle, ab 90 geht aber alles einwandfrei, ich hoffe ihr könnt mir helfen

Der Link zur Seite:

http://cd89.de/newsimply/hauptstyle.htm

Code der Datei style.css

Code

div { position: absolute;}


        #containers        {
                             background-image:url(http://www.cd89.de/newsimply/images/bg.JPG);
                             width:1024;
                             height:768;
                           }


        #werbezeile        {
                             top:9px;
                             left:240px;
                             width:775;
                             height:90;
                             font-size: 10;
                             color: white;
                           }


        #neuesterbeitrag   {
                             top:215px;
                             left:41px;
                             width:105;
                             height:118;
                             font-family: Comic Sans MS, Helvetica, sans-serif;
                             color: #C6CBFF;
                             font-size: 13;
                           }


        #freiebox          {
                             top:447px;
                             left:45px;
                             width:97;
                             height:256;
                             font-size: 10;
                             color: white;
                           }






        #titel             {
                             top:195px;
                             left:277px;
                             width:709;
                             height:30;
                             font-family: Comic Sans MS, Helvetica, sans-serif;
                             color: #C6CBFF;
                             font-size: 30;


                           }


        #beschreibung      {
                             top:250px;
                             left:260px;
                             width:725;
                             height:78;
                             font-family: Comic Sans MS, Helvetica, sans-serif;
                             color: #6E6E6E;
                           }


        #inhalt            {
                             top:343px;
                             left:193px;
                             width:805;
                             height:396;
                             font-family: Comic Sans MS, Helvetica, sans-serif;
                             color: #C6CBFF;
                             font-size: 13;
                           }




        #hauptnavigation   {
                             top:122px;
                             left:237px;
                             width:785;
                             height:768;
                             font-family: Comic Sans MS, Helvetica, sans-serif;
                             color: white;
                           }




ul.dropdown
{
    list-style: none;
    margin:0;
    padding:0;


    width:100%;
    z-index:99;
}


ul.dropdown * ul
{
    list-style: none;
    margin:0;
    padding: 0;
	display:none;
	position:absolute;
	z-index:99;
	width:20em;
}


ul.dropdown li
{
    float:left;
}


ul.dropdown li * li
{
    border:1px solid #ffffff;
    float:none;


    position: relative;
}


ul.dropdown ul * ul
{
    left:98%;
    top: 0;


}


ul.dropdown a
{
    display:block;


}


ul.dropdown ul * a
{
    height: 20;
}


ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul
{
    display:none;
}


ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul
{
    display:block;
}


ul.dropdown a
{


    color:#FFFFFF;
    padding:4px;
    text-decoration:bolder;
    font-family: Comic Sans MS, Helvetica, sans-serif;
    font-size: 12;
    font-weight: 700;
}


ul.dropdown a:hover
{
    background-color:#0000CC;
    color:#ffffff;
}


ul.dropdown ul
{
    border:2px outset;


}


ul.dropdown ul a
{
    background-color:#0000cc;
    color:#FFFFFF;
    padding:4px;
    text-decoration:none;
    font-size: 12;
    font-weight: 900;
}


ul.dropdown ul a:hover
{
    background-color:#FFFFFF;
    color:#000000;
}


ul.dropdown ul li
{
    background-color:#ccc;
}

Alles anzeigen

Code der Datei css_dropdown.js

Code

function enableDropdownMenuForIE()
{
    if (document.all)
	{
        uls = document.getElementsByTagName('UL');


        for(i = 0; i < uls.length; i++)
        {
            if (uls[i].className == 'dropdown')
            {
                var lis = uls[i].getElementsByTagName('li');


                for (j = 0; j < lis.length; j++)
                {
                    if(lis[j].lastChild.tagName == 'UL')
                    {
                        lis[j].onmouseover = function() { this.lastChild.style.display = 'block'; }
                        lis[j].onmouseout = function() { this.lastChild.style.display = 'none'; }
                    }
                }
            }
        }
    }
}

Alles anzeigen

und noch der Code er Seite hauptstyle.htm

Code

<head>
      <title>Simply-Sims Testseite des neuen Designs</title>
<script type="text/javascript" src="stylesheets/css_dropdown.js"></script>
<link type="text/css" href="stylesheets/style.css"  rel="stylesheet" />
</head>


<body onload="enableDropdownMenuForIE();">
 


        <div id="containers">


           <div id="werbezeile">  Hier könnte ihr Werbebanner stehen.     </div>
           <div id="neuesterbeitrag">  <u>Unser letztes  Update:</u> </div>
           <div id="freiebox">         Hier könnte ihr Link stehen </div>
           <div id="titel"> [i]TestTestTestTestTest[/i] </div>
           <div id="beschreibung">TestTestTestTestTest </div>
           <div id="inhalt">[b]TestTestTestTestTest[/b] </div>
            <div id="hauptnavigation">
 <ul class="dropdown" id="mainmenu">
        [*]
            [url='#']Home[/url]



                [*]
            [url='#']Artists[/url]
            <ul>


                [*][url='http://localhost/Simply-Sims/linkfunzt.htm']Chris-D[/url][*][url='http://localhost/']Blinky-Lady[/url][*][url='http://localhost/']Marcel[/url][*][url='http://localhost/']PhoebeHexe[/url][*][url='http://localhost/']Kiko[/url][*][url='http://localhost/']Kati[/url]            [/list]





        [*]
            [url='http://localhost/']Downloads[/url]
            <ul>


                [*][url='#']Genetik[/url]
                    <ul>


                        <li class="seperator">[url='http://localhost/']Haut[/url]
                        <li class="seperator">[url='http://localhost/']Augen[/url]
                        <li class="seperator">[url='http://localhost/']Eyeliner[/url]
                        <li class="seperator">[url='http://localhost/']Makeup[/url]
                        <li class="seperator">[url='http://localhost/']Augenbrauen[/url]
                        <li class="seperator">[url='http://localhost/']Liedschatten[/url]
                        <li class="seperator">[url='http://localhost/']Bart[/url]

                    [/list]


                        [*][url='#']Häuser[/url]
                    <ul>


                        <li class="seperator">[url='http://localhost/']Starterhäuser[/url]
                        <li class="seperator">[url='http://localhost/']Normale Häuser[/url]
                        <li class="seperator">[url='http://localhost/']Gemeinschaftsgrundstücke[/url]
                        <li class="seperator">[url='http://localhost/']Häuser + Geschäft[/url]
                        <li class="seperator">[url='http://localhost/']Geschäfte[/url]
                        <li class="seperator">[url='http://localhost/']Universitätsbauten[/url]








                
                    [/list]


[*][url='#']Objekte[/url]
                    <ul>


                        <li class="seperator">[url='http://localhost/']Einzelne[/url]
                        <li class="seperator">[url='http://localhost/']Wohnzimmer[/url]
                        <li class="seperator">[url='http://localhost/']Küche[/url]
                        <li class="seperator">[url='http://localhost/']Badezimmer[/url]
                        <li class="seperator">[url='http://localhost/']Esszimmer[/url]
                        <li class="seperator">[url='http://localhost/']Schlafzimmer[/url]
                        <li class="seperator">[url='http://localhost/']Kinderzimmer[/url]
                        <li class="seperator">[url='http://localhost/']Draußen[/url]
                        <li class="seperator">[url='http://localhost/']Arbeitszimmer[/url]

                    [/list]
[*][url='#']Kleidung[/url]
                    <ul>


                        <li class="seperator">[url='http://localhost/']Haut[/url]
                        <li class="seperator">[url='http://localhost/']Augen[/url]
                        <li class="seperator">[url='http://localhost/']Eyeliner[/url]
                        <li class="seperator">[url='http://localhost/']Makeup[/url]
                        <li class="seperator">[url='http://localhost/']Augenbrauen[/url]
                        <li class="seperator">[url='http://localhost/']Liedschatten[/url]
                        <li class="seperator">[url='http://localhost/']Bart[/url]

                    [/list]
[*][url='#']Accesoires[/url]
                    <ul>


                        <li class="seperator">[url='http://localhost/']Haut[/url]
                        <li class="seperator">[url='http://localhost/']Augen[/url]
                        <li class="seperator">[url='http://localhost/']Eyeliner[/url]
                        <li class="seperator">[url='http://localhost/']Makeup[/url]
                        <li class="seperator">[url='http://localhost/']Augenbrauen[/url]
                        <li class="seperator">[url='http://localhost/']Liedschatten[/url]
                        <li class="seperator">[url='http://localhost/']Bart[/url]

                    [/list]






[*][url='#']Full Sims[/url]
                    <ul>


                        <li class="seperator">[url='http://localhost/']Haut[/url]
                        <li class="seperator">[url='http://localhost/']Augen[/url]
                        <li class="seperator">[url='http://localhost/']Eyeliner[/url]
                        <li class="seperator">[url='http://localhost/']Makeup[/url]
                        <li class="seperator">[url='http://localhost/']Augenbrauen[/url]
                        <li class="seperator">[url='http://localhost/']Liedschatten[/url]
                        <li class="seperator">[url='http://localhost/']Bart[/url]

                    [/list]


    [/list]
[*]
            [url='#']Forum[/url]

[*]
            [url='#']Gästebuch[/url]



[*][url='#']Rechtliches[/url]
            <ul>


                [*][url='http://localhost/Simply-Sims/linkfunzt.htm']Impressum[/url][*][url='http://localhost/']Disclaimer[/url][/list]

[*]
            [url='#']Hilfe[/url]





		   </div>


        </div>






</body>


</html>

Alles anzeigen

Ich hoffe ihr könnt mir helfen Danke schonmal im voraus.

Elvis

Also ich kann duir da nicht helfen, weil bei mir ist Javascript deaktiviert. Bei selfhtml gibt es aber gute Erklärungen zum Aufklappmenü.

Probleme mit Klappmenü

Tags

Benutzer online in diesem Thema