Avatar billede krpoulsen Novice
16. maj 2017 - 09:22 Der er 1 kommentar og
1 løsning

Hjælp til HTML / CSS Drop Down Menu...

Hej IT hajer,

Jeg har en WP hjemmeside: (www.kp-foto.com)

Jeg bruger et WP tema ved navn "Photolistic", som indeholder en CSS fil, som definere udseende og appereance af blandt andet hjemmesidens main drop-down menu.

Menuen virker dog ikke... :( eller rettere sagt nogle gange virker den ikke... Hvis man kører markøren over menuen er det kun nogle gange den "dropper down"....

Er der nogen der kan sige mig hvad der er galt?

på forhånd tusind tak!

/Kristian
Avatar billede krpoulsen Novice
16. maj 2017 - 09:30 #1
CSS koden for menu:
(nu ved jeg jo egentlig ikke om det overhovedet er CSS filen der forvolder problemerne...

/* =Menu
-------------------------------------------------------------- */

.home #access {   
    margin: 0 auto 30px 0;
    width: 940px;
    text-align: center;   
   
}
#access  {
margin:0 auto 7px 0;
}
.menu {text-align:center;}
.menu ul li {display:inline-block !important;}

#access .menu-header,
div.menu {
    border-top:1px dashed #AAA;
    border-bottom:1px dashed #AAA;
    font-size: 13px;
    margin-left: 12px;
    width: 80%;
    margin:0 auto;
}


#access .menu-header ul,
div.menu ul {
    list-style: none;
    margin: 0;
    display:inline-block !important;
}
#access .menu-header li,
div.menu li {
    display:inline-block !important;
    position:absolute;
}
#access a {
    color: #999;
    display:inline-block !important;
    line-height: 38px;
    padding: 0 10px;
    text-decoration: none;
    font-weight:500;
    font-size: 15px;
    letter-spacing: 0px;
}
#access ul ul {

    visibility:visible;
    position: absolute;
    display:inline-block !important;
    top: 17px;
    left: 0;
    width: 180px;
    z-index: 999;
    border:1px solid #BBB;
}
#access ul ul li {
    min-width: 180px;
}
#access ul ul ul {
    position:absolute;
    left: 90px;
    top: -1px;
    display:inline-block !important;
}

#access ul ul a {display:inline-block !important; }

#access ul ul a {
    color:#AAA;
    background: #FFF;
    line-height: 1em;
    padding: 10px;
    width: 160px;
    height: auto;
}
#access ul ul li:hover > a,
#access ul ul :hover > a {
    background: #DDD;
    color: #666;
}

#access li:hover > a {
    color: #666;
}

#access ul li:hover > ul {
    visibility:visible;
   
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    color: #999;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    color: #fff;
}
Avatar billede krpoulsen Novice
16. maj 2017 - 10:18 #2
Lige lidt mere info, det virker som om at menu "dropper down" fint nok, men så snart man bevæger markøren ned til en af de underliggende punkter, så forsvinder den igen.... :(
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