Avatar billede ketchup Nybegynder
28. januar 2004 - 01:54 Der er 3 kommentarer og
1 løsning

CSS menu..

Hejsa...

Er er nu nået til et punkt, hvor jeg har brug for hjælp.
Jeg forsøger at lave en menu som denne. http://www.meyerweb.com/eric/css/edge/popups/demo.html

Jeg kan ikke få den til at virke :-(

Min menu er er ikke helt som i det link, men næsten.

html delen:

<div id="linkmenu">
<li><a class="one" href="S1.html" title="nyheder">nyheder<span>indland,udland, sport</span></a></li>
<li><a class="one" href="S2.html" title="links">Links<span>links til andre sider</span></a></li>
<li><a class="one" href="S3.html" title="indlæg">Indlæg<span>Her kan du komme med din mening</span></a></li>
</div>

min CSS del ser sådan ud..

div#linkmenu{
           
          position:absolute;
          top: 125px;
          left: 10px;
          height: 100px;
          width: 150px;
          border-width: 1px;   
          border-style: solid ;   
          border-color: black;
          padding-left: 0.5cm;
          list-style-type: square;
         
}


div#linkmenu a span{
     
            display: none;
}

Det er så den sidste del, som jeg ikke kan få til at virke. Jeg kan godt få teksten frem igen, men kan ikke få den frem hvor jeg vil som i eksemplet :-(. Det går galt når jeg prøver at bruge position: absolute; på denne del.


håber der er en der kan løse det for mig...
Avatar billede roenving Novice
28. januar 2004 - 05:31 #1
Det var som 7 s**** ...

Da jeg satte en display på a:hover, virkede det, men ikke under andre omstændigheder ...

-- og hvis der ikke var forskel display-style på a og a:hover, virkede det heller ikke, men hvorfor har jeg ikke forstået ?-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>Titel</title>
<style type="text/css">
html,body{height:100%;width:100%;padding:0px;margin:0px;}
div#linkmenu{
          position:absolute;
          top: 125px;
          left: 10px;
          height: 400px;
          width: 150px;
          border-width: 1px;   
          border-style: solid ;   
          border-color: black;
          padding-left: 0.5cm;
          list-style-type: square;
          z-index:100;
}
div#linkmenu li{
          display:block;
}
div#linkmenu a{
            margin:0;
            color:black;
            text-decoration: none;
}
div#linkmenu a:hover{
            color:green;
            display:inline;
}

div#linkmenu a span{
            display: none;
}
div#linkmenu a:hover span{
            display: block;
            top: 250px;
            position: absolute;
            left: 30px;
            width: 100px;
            text-align: center;
            z-index:100;
}

</style>

</head>
<body>

<div id="linkmenu">
<li><a class="one" href="S1.html" title="nyheder">Nyheder<span>indland, udland, sport</span></a></li>
<li><a class="one" href="S2.html" title="links">Links<span>links til andre sider</span></a></li>
<li><a class="one" href="S3.html" title="indlæg">Indlæg<span>Her kan du komme med din mening</span></a></li>
</div>

</body>
</html>
Avatar billede ketchup Nybegynder
28. januar 2004 - 09:55 #2
Hej roenving... tak skal du have. Nu virker det. Kan du et smide et svar, så jeg kan give dig dine points.

hilsen Ketchup
Avatar billede roenving Novice
28. januar 2004 - 15:26 #3
Velbekomme '-)
Avatar billede roenving Novice
05. februar 2004 - 14:39 #4
-- og tak for points ;~}
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