****erfish Dropdown - Mouse-Over funzt nicht!

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Nemesis Force, 7. Oktober 2007 .

  1. 7. Oktober 2007
    Hallo,
    ich bitte dringend um Hilfe. Ich habe mir auf meine Webseite ein ****erfish Drop-Down Menü gebastelt, aber der Mouse-Over-Effekt funktioniert nicht. Hier mal der CSS-Code:

    HTML:
    #NaviBar
    {
     border-right:#999999 0px solid; 
     padding-right:15px;
     border-top:#BBBBBB 0px solid;
     padding-left:15px;
     padding-bottom:2px;
     border-left:#BBBBBB 0px solid;
     width:635px;
     padding-top:0;
     border-bottom:#999999 0px solid;
     color:#BBBBBB;
     position:absolute;
     top:110px;
     list-style:none;
    }
    
    #NaviBar, #NaviBar ul 
    {
     padding:0;
     margin:0;
     list-style:none;
    }
    
    #NaviBar a 
    {
     display:block;
     width:auto;
    }
    
    #NaviBar li 
    {
     float:left;
     width:auto;
    }
    
    #NaviBar li ul 
    {
     position:absolute;
     width:15em;
     left:-999em;
    }
    
    #NaviBar li:hover ul 
    {
     background-color:#879673;
     opacity:0.9;
     border:#000000 1px solid;
     left:auto;
    }
    
    #NaviBar a 
    {
     BORDER-RIGHT:#EEEEEE 0px solid;
     PADDING-RIGHT:15px; 
     BORDER-TOP:#EEEEEE 0px solid;
     PADDING-LEFT:15px; 
     FONT-WEIGHT:normal; 
     BORDER-LEFT:#EEEEEE 0px solid; 
     COLOR:#FFFFFF; 
     BORDER-BOTTOM:#EEEEEE 0px solid; 
     LETTER-SPACING:0px;
     TEXT-DECORATION:none; 
     padding-top:5px; 
     padding-bottom:5px;
    }
    
    Dann der Code in der index.php:
    PHP:
    < div id = "NaviBar" >
                <
    ul id = "nav" >
                    <
    li >< a href = "index.php" > Home </ a ></ li >
                    <
    li >< a href = "#" > Referenzen </ a >
                        <
    ul >
                            <
    li >< a href = "#" > Business Referenzen </ a ></ li >
                            <
    li >< a href = "#" >Private  Referenzen </ a ></ li >
                            <
    li >< a href = "#" > Logos </ a ></ li >
                            <
    li >< a href = "#" > Sonstige Referenzen </ a ></ li >
                        </
    ul >
                    </
    li >
                    <
    li >< a href = "kontakt.php" > Kontakt </ a ></ li >
                    <
    li >< a href = "impressum.php" > Impressum </ a ></ li >
                </
    ul >
            </
    div >
    Ich bekomme aber keinen Mouse-Over hin, wo liegt das Problem? Bin voll am verzweifeln...
     
  2. 8. Oktober 2007
    AW: ****erfish Dropdown - Mouse-Over funzt nicht!

    das geht nicht, weils nicht geht. ganz einfach =)

    so ein überall funktionierendes dropdownmenu bekommst eh nur mit javascript hin, weil in gecko-maschienen is ein div:hover oder li:hover umsetzbar, im ie aber nicht.
     
  3. 8. Oktober 2007
    AW: ****erfish Dropdown - Mouse-Over funzt nicht!

    nebenbei: warum solltest du HIER hilfe kriegen, weil du ein script, dass du gefunden hast, nicht zum laufen kriegst? 1. anlaufstelle ist der ersteller, 2. anlaufstelle ein evtl. von ihm aufgesetztes oder sogar betreutes forum.
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.