Ergebnis 1 bis 2 von 2

Thema: Probleme mit Klappmenü

  1. #1
    Chris-D
    Gast

    Standard Probleme mit Klappmenü

    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;
    }
    Code der Datei css_dropdown.js

    Code:
    function enableDropdownMenuForIE()
    {
        if (document.all)
    	{
            uls = document.getElementsByTagName('UL');
    
            for&#40;i = 0; i < uls.length; i++&#41;
            &#123;
                if &#40;uls&#91;i&#93;.className == 'dropdown'&#41;
                &#123;
                    var lis = uls&#91;i&#93;.getElementsByTagName&#40;'li'&#41;;
    
                    for &#40;j = 0; j < lis.length; j++&#41;
                    &#123;
                        if&#40;lis&#91;j&#93;.lastChild.tagName == 'UL'&#41;
                        &#123;
                            lis&#91;j&#93;.onmouseover = function&#40;&#41; &#123; this.lastChild.style.display = 'block'; &#125;
                            lis&#91;j&#93;.onmouseout = function&#40;&#41; &#123; this.lastChild.style.display = 'none'; &#125;
                        &#125;
                    &#125;
                &#125;
            &#125;
        &#125;
    &#125;
    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&#40;&#41;;">
     
    
            <div id="containers">
    
               <div id="werbezeile">  Hier könnte ihr Werbebanner stehen.     </div>
               <div id="neuesterbeitrag">  <u>Unser letztes  Update&#58;</u> </div>
               <div id="freiebox">         Hier könnte ihr Link stehen </div>
               <div id="titel"> TestTestTestTestTest </div>
               <div id="beschreibung">TestTestTestTestTest </div>
               <div id="inhalt">TestTestTestTestTest </div>
                <div id="hauptnavigation">
     <ul class="dropdown" id="mainmenu">[*]
                Home
                
    [*]
                Artists
                <ul>
    [*]Chris-D[*]Blinky-Lady[*]Marcel[*]PhoebeHexe[*]Kiko[*]Kati[/list]
            
    
    [*]
                Downloads
                <ul>
    [*]Genetik
                        <ul>
    
                            <li class="seperator">Haut
                            <li class="seperator">Augen
                            <li class="seperator">Eyeliner
                            <li class="seperator">Makeup
                            <li class="seperator">Augenbrauen
                            <li class="seperator">Liedschatten
                            <li class="seperator">Bart
                        [/list]
    [*]Häuser
                        <ul>
    
                            <li class="seperator">Starterhäuser
                            <li class="seperator">Normale Häuser
                            <li class="seperator">Gemeinschaftsgrundstücke
                            <li class="seperator">Häuser + Geschäft
                            <li class="seperator">Geschäfte
                            <li class="seperator">Universitätsbauten
    
    
    
    
                    [/list]
    [*]Objekte
                        <ul>
    
                            <li class="seperator">Einzelne
                            <li class="seperator">Wohnzimmer
                            <li class="seperator">Küche
                            <li class="seperator">Badezimmer
                            <li class="seperator">Esszimmer
                            <li class="seperator">Schlafzimmer
                            <li class="seperator">Kinderzimmer
                            <li class="seperator">Draußen
                            <li class="seperator">Arbeitszimmer
                        [/list][*]Kleidung
                        <ul>
    
                            <li class="seperator">Haut
                            <li class="seperator">Augen
                            <li class="seperator">Eyeliner
                            <li class="seperator">Makeup
                            <li class="seperator">Augenbrauen
                            <li class="seperator">Liedschatten
                            <li class="seperator">Bart
                        [/list][*]Accesoires
                        <ul>
    
                            <li class="seperator">Haut
                            <li class="seperator">Augen
                            <li class="seperator">Eyeliner
                            <li class="seperator">Makeup
                            <li class="seperator">Augenbrauen
                            <li class="seperator">Liedschatten
                            <li class="seperator">Bart
                        [/list]
    
    
    [*]Full Sims
                        <ul>
    
                            <li class="seperator">Haut
                            <li class="seperator">Augen
                            <li class="seperator">Eyeliner
                            <li class="seperator">Makeup
                            <li class="seperator">Augenbrauen
                            <li class="seperator">Liedschatten
                            <li class="seperator">Bart
                        [/list]
    [/list][*]
                Forum
                [*]
                Gästebuch
                
    [*]Rechtliches
                <ul>
    [*]Impressum[*]Disclaimer[/list]
            [*]
                Hilfe
                
    
    
    		   </div>
    
            </div>
                 
           
    
    
    </body>
    
    </html>
    Ich hoffe ihr könnt mir helfen ^^ Danke schonmal im voraus.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard

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

Ähnliche Themen

  1. Probleme mit HP
    Von MiStI im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 22.06.2007, 11:19
  2. Probleme mir php
    Von WWG-Sweety im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 23.01.2007, 04:34
  3. Probleme mit ICQ
    Von Jacky im Forum Computer - Internet Forum
    Antworten: 4
    Letzter Beitrag: 09.07.2006, 20:18
  4. Klappmenü mit JavaScript
    Von im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 09.10.2005, 18:00
  5. Klappmenü - ???
    Von Babs im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 16.04.2004, 14:26

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •