Avatar billede lindalou Nybegynder
07. januar 2007 - 10:22 Der er 2 kommentarer

Problem med drop down menu "Suckerfish"

Hey Guys'n Gal's

Jeg har et problem med IE og "Suckerfish" Drop down menu!
Som det kan ses her: www.rullendefodplejer.dk

Problemet er den første undermenu, som lægger sig i 2 kolonner, hvor både undermenu 2 og 3 ligger som den skal.
I Firefox ser det fint ud !

Et andet problem er hvordan dælen jeg får underpunkterne til at ligge border mod border, så der ikke er mellemrum.

css styles:

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


}


li {
    float: left;
    position: relative;
   
}


li ul {
  display: none;
  position: absolute;
  top:29;
  left: 0;

}


li > ul {
    top: auto;
    left: auto;   

}


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

Hilfe !
Avatar billede lindalou Nybegynder
07. januar 2007 - 16:03 #1
Virkeligt ingen der har et bud ?
Avatar billede lindalou Nybegynder
08. januar 2007 - 10:09 #2
Jeg prøver med lidt mere input.... i håb om at der er en eller anden der er kan se fejlen....

menuen ligger i en <td>
------------------------------------------------------------------------------------
<ul id="nav">
          <li><a href="profil.html" target="main"><img src="images/rf_04.gif" alt="Profil" border="0" style="vertical-align:bottom"></a>   
        </li>
        <li><a href="behandlinger.html" target="main"><img src="images/rf_05.gif" alt="Behandlinger &amp; Priser" border="0" style="vertical-align:bottom"></a>
            <ul>
                <li><a href="behandlinger.html#fodbehandling" target="main"><img src="images/fodbeh_05.gif" border="1" style="border-color:#7B826D"></a></li>
                <li><a href="behandlinger.html#luxped" target="main"><img src="images/luxped_05.gif" border="1" style="border-color:#7B826D"></a></li>
                <li><a href="behandlinger.html#produkter" target="main"><img src="images/prod_05.gif" border="1" style="border-color:#7B826D"></a></li>       
            </ul>
        </li>
        <li><a href="info.html" target="main"><img src="images/rf_06.gif" alt="Information om behandlinger" border="0" style="vertical-align:bottom"></a>
            <ul>
        <li><a href="info.html#fodpleje" target="main"><img src="images/fodpleje_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="info.html#hardhud" target="main"><img src="images/hardhud_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="info.html#halrev" target="main"><img src="images/halrev_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="info.html#halspor" target="main"><img src="images/halspor_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="info.html#ligtorn" target="main"><img src="images/ligtorn_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="info.html#nednegl" target="main"><img src="images/nednegl_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="info.html#fodsvamp" target="main"><img src="images/fodsvamp_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="info.html#negsvamp" target="main"><img src="images/negsvamp_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="info.html#fodvorter" target="main"><img src="images/fodvorter_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="info.html#hammer" target="main"><img src="images/hammer_05.gif" border="1" style="border-color:#7B826D"></a></li>
            </ul>
        </li>
        <li><a href="goderad.html" target="main"><img src="images/rf_07.gif" alt="Gode r&aring;d om fodpleje" border="0" style="vertical-align:bottom"></a>
        <ul>
        <li><a href="goderad.html#sunde" target="main"><img src="images/sunde_05.gif"  border="1" style="border-color:#7B826D"></a></li>
        <li><a href="goderad.html#fodmassage" target="main"><img src="images/massage_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="goderad.html#fodgym" target="main"><img src="images/fodgym_05.gif" border="1" style="border-color:#7B826D"></a></li>
        <li><a href="goderad.html#vedhold" target="main"><img src="images/vedhold_05.gif" border="1" style="border-color:#7B826D"></a></li>
        </ul>
        </li>
        <li><a href="kontakt.html" target="main"><img src="images/rf_08.gif" alt="Kontakt" border="0" style="vertical-align:bottom"></a>
      </ul>       
-------------------------------------------------------------------------------------
med ovenstående CSS på
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester