Avatar billede Slettet bruger
13. juli 2008 - 13:18 Der er 10 kommentarer og
1 løsning

CSS dropdownmenu virker i IE med ikke i FF

Hej

Jeg er i gang med at lave en ny hjemmeside til min fodboldklub, men jeg kan ikke få min dropdown menu til at virke korrekt i FF.

Er der nogen der har en idé om hvad jeg gør forkert?

Hjemmesiden kan ses her: http://b91.tkdc.dk/
Avatar billede Slettet bruger
13. juli 2008 - 15:11 #1
Har trukket menuen ud af min side, således det er nemmere at overskue:

test.css:
#dropmenu a{
    position:        absolute;
    font-family:        Arial, Helvetica, sans-serif;
    font-size:        10px;
    font-weight:        bold;
    color:            #ffffff;
}

#dropmenu ul .item {
    display:        none;
}

#dropmenu ul:hover .item {
    display:        block;
    background:        #7e0101;
    padding:        1px;
    margin:            1px;
      }

#dropmenu ul:hover .item a {
    color:            #ffffff;
    text-decoration:    none;
}

#dropmenu ul:hover .item a:hover {
    color:            #ffffff;
    text-decoration:    underline;
}

#dropmenu ul {
    width:            90px;
    float:            left;
    margin:            0px;
    padding:        2px;
        background:        #7e0101;
        list-style:        none;
    border-right:        1px solid #ffffff;
    padding-left:        10px;
}

.clear{
    clear:            both;
    height:            10px;
}

test.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      <html>
        <head>
          <title>B91 Randers - Forside</title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

          <link href="test.css" rel="stylesheet" type="text/css">
        </head>

        <body>
                <div id="dropmenu">
                  <ul id="item1">
                    <li class="top"><a href="/sider/klubben.php">KLUBBEN</a></li>
                    <li class="item"><a href="/sider/klubben.php?show=profil">Profil</a></li>
                    <li class="item"><a href="/sider/klubben.php?show=vedtaegter">Vedtægter</a></li>
                    <li class="item"><a href="/sider/klubben.php?show=boedekasse">Bødekasse</a></li>
                  </ul>

                  <ul id="item2">
                    <li class="top"><a href="/sider/forum.php">FORUM</a></li>
                  </ul>

                  <ul id="item3">
                    <li class="top"><a href="/sider/spillere.php">SPILLERE</a></li>
                    <li class="item"><a href="/sider/spillere.php?show=spillerinfo">Spillerinfo</a></li>
                  </ul>

                  <ul id="item4">
                    <li class="top"><a href="/sider/kampe.php">KAMPE</a></li>
                  </ul>

                  <ul id="item5">
                    <li class="top"><a href="/sider/statistik.php">STATISTIK</a></li>
                    <li class="item"><a href="/sider/statistik.php?show=dennesaeson">Denne sæson</a></li>
                    <li class="item"><a href="/sider/statistik.php?show=alltimehigh">All time high</a></li>
                  </ul>

                  <ul id="item6">
                    <li class="top"><a href="/sider/arkiv.php">ARKIV</a></li>
                    <li class="item"><a href="/sider/arkiv.php?show=kampreferater">Kampreferater</a></li>
                  </ul>
                </div>
                <div class="clear"></div>
        </body>
      </html>
Avatar billede Slettet bruger
13. juli 2008 - 15:26 #2
Hmm, har fået løst problemet.

Det ser ud til jeg ikke kan lave klassen: DROPMENU til links, men skal lave en ny klasse til linket.
Avatar billede roenving Novice
13. juli 2008 - 15:34 #3
Du har et mellemrum i overskud:

ul .item skal være ul.item
Avatar billede Slettet bruger
14. juli 2008 - 08:21 #4
Hmmm, fjerner jeg mellemrummet går menuen helt i fisk.
Avatar billede olebole Juniormester
14. juli 2008 - 14:01 #5
<ole>

Jeg sidder netop nu på en Mac og ser siden i FF og Safari ... sådan tvivler jeg absolut på, den skal se ud! Det virker også ret sort, at du i IE lægger et link rundt om en tabel. Det ligner hamrende invalid kode  =)

/mvh
</bole>
Avatar billede Slettet bruger
14. juli 2008 - 18:42 #6
Korrekt at den ser underlig ud nu.

Jeg fandt ud af den menu jeg oprindelige brugte ikke fungerer i IE6, så jeg gik i gang med at prøve at implementere en anden, der så åbenbart ikke er som den skal være.

Kan du anbefale en dropdownmenu, der fungerer ret bredt?
Avatar billede Slettet bruger
15. juli 2008 - 07:59 #7
Har nu rettet siden tilbage til den oprindelige menu.

Fandt et "hack" til at få menuen til at virke i IE6, men er ikke tilfreds med resultatet.
CSShover fra http://www.xs4all.nl/~peterned/
Avatar billede Slettet bruger
15. juli 2008 - 10:19 #8
Hmmmm.... så vidt jeg kan se, kræver en anstændig løsning javascript.

Jeg har kig på denne, men kan ikke få den til at virke med det jeg har:
http://htmldog.com/articles/suckerfish/dropdowns/
Avatar billede olebole Juniormester
15. juli 2008 - 13:05 #9
Du kan ikke bruge CSS alene, hvis du gerne vil have IE6 med. På den anden side giver det ikke megen mening at bruge CSS til at løse funktionalitets opgaver med. Ret beset er opgaven her en klar script opgave  =)
Avatar billede Slettet bruger
16. juli 2008 - 15:36 #10
Jeg søger netop hjælp til at få menuen til at virke i IE6. Om det sker på den ene eller anden måde har jeg ikke noget forhold til, men vil da selvfølgelig helst bruge den mest korrekte løsning.

Kan du hjælpe mig på sporet?
Avatar billede Slettet bruger
18. juli 2008 - 13:43 #11
Har fundet en menu på nettet, der opfylder mine krav.

olebole...> Læg et svar og der er point på vej for din hjælp :)
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