Avatar billede Slettet bruger
19. juni 2009 - 12:18 Der er 2 kommentarer og
1 løsning

CSS drop down menu

Hej.

Er der en der kan hjælpe med hvordan jeg kan fjerne de hvide streger der er mellem linksne når den laver drop down (wipez.dk)

Koden er her:

----  CSS  -----
.menu{
    /*border-top:2px solid #28321b;*/
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    }
.menu ul{
    background:#131313;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
    }
    .menu li{
        float:left;
        padding:0px;
        }
    .menu li a{
        background:#131313 url("images/seperator.gif") bottom right no-repeat;
        color:#cccccc;
        display:block;
        font-weight:normal;
        line-height:35px;
        margin:0px;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
        }
        .menu li a:hover, .menu ul li:hover a{
            background: #07385b url("images/hover.png") bottom center no-repeat;
            color:#FFFFFF;
            text-decoration:none;
            }
    .menu li ul{
        background:#131313;
        display:none;
        height:auto;
        border: 1px solid #0e0e0e;
        padding:0px;
        margin:0px;
        position:absolute;
        width:225px;
        z-index:200;
        }
    .menu li:hover ul{
        display:block;
       
        }
    .menu li li {
        background:url('images/sub_sep.gif') bottom left no-repeat;
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:225px;
        }
    .menu li:hover li a{
        background:none;
       
        }
    .menu li ul a{
        display:block;
        height:35px;
        font-size:12px;
        font-style:normal;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
        }
        .menu li ul a:hover, .menu li ul li:hover a{
            background:#0e3251 url('images/hover_sub.png') center left no-repeat;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            }
    .menu p{
        clear:left;
        }   



------- html -------

    <div class="menu">
        <ul>
            <li><a href="#" >Hjem</a></li>
            <li><a href="#" id="current">Downloads</a>
                <ul>
                    <li><a href="#">Web designs</a></li>
                    <li><a href="#">Scripts</a></li>
                    <li><a href="#">Psd filer</a></li>
              </ul>
          </li>
            <li><a href="/faq.php">Gæstebog</a>
            <li><a href="/contact/contact.php">Kontakt</a></li>
        </ul>
    </div>
Avatar billede zips Juniormester
19. juni 2009 - 17:05 #1
Det er denne background:url('images/sub_sep.gif') bottom left no-repeat; som laver den linie, så slet den linie i din css.
Avatar billede Slettet bruger
21. juni 2009 - 19:56 #2
Tak.
hmm nupper bare pointene hvis du ikke vil have dem.
Avatar billede zips Juniormester
21. juni 2009 - 22:06 #3
Der var jo ikke nogen som har forhindret dig i at bede mig lægge et svar hvis det kunne bruges det jeg skrev :-)
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