Avatar billede dumza Nybegynder
07. maj 2005 - 15:41 Der er 18 kommentarer

problemmer med at få a.hover til at komme over menuen

Hej, jeg har et problem med min side, http://www.hundetis.dk/cool_temp/index_medstle.htm, jeg vil gerne have at min menus a:hover virker også i menuen, altså når jeg holder musen over et link bliver min underline i menuen orange men det gider den ikke gøre i Internet Explorer , men i firefox. Jeg vil have at den skal virke som i min style skift, den virker når jeg har musen over linket så bliver underlinen orange, men det gider den ikke i menuen? Hvad er der galt? min style lyder sådan:
a {
    border-bottom: 2px solid #9C9C9C;
    }
a:hover {
    border-bottom: 2px solid orange;
}
a:link {
    text-decoration:none;
    color: #9C9C9C;
}
a:visited {
    text-decoration:none;
    color: #9C9C9C;
}
#menu {
    background: #F3F3F3;
    height: 15px
    width: 698px;
    padding-left: 2px;
   
    border-top: 1px soild #9C9C9C;   
   
    border-bottom: 2px soild #9C9C9C;   
}
please hjælp mig
Avatar billede notes2c Nybegynder
07. maj 2005 - 18:08 #1
Det er på grund af at højden på menu er for lille, prøv at ændre den til f.eks. 40px så virker din hover. Når det så er sagt bør du nok overveje at bruge en rigtig doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">. Det giver det bedste resultat. Desuden skal link tags være i head sektionen....
Avatar billede dumza Nybegynder
07. maj 2005 - 18:13 #2
Jammen, jeg vil gerne have så min a:hover lige som er over min menu, så kan kan vise sin  2px soild?!!
Avatar billede notes2c Nybegynder
07. maj 2005 - 18:21 #3
Det gør den også hvis du øger højden på din #menu div...
Avatar billede dumza Nybegynder
07. maj 2005 - 18:48 #4
Ja, anyways men ikke det..!!! Fordi at jeg har min menu ik? den skal være som den er, den er 2 px bred!! og så vil jeg have lige som vis vi tager dette eksmpel "____" så at der sker en ændring som at "_-___" bliver gult altså - stykket bliver gult, eeller vis du har msn , så tilføj mig lige michael@hundetis.dk vis du ikke har så læs vider. altså jeg vil have lige som en effekt man tager musen over så bliver noget at det grå stykke orange!! lige som vis vi bruger Z-INDEX: 1 og Z-INDEX: 2 så er der en som ligger øverst og nederst, jeg vil have min a:hover til at ligger over min #menu så jeg kan få den der flotte effekt!!
Avatar billede notes2c Nybegynder
07. maj 2005 - 19:16 #5
Har rettet lidt på din html, regner med at det er det her du gerne vil opnå. Og det her validere...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="alternate stylesheet" type="text/css" title="natur" media="screen" href="style_2.css">
<script type="text/javascript" src="styleswitcher.js"></script>
</head>
<body style="margin:0;">


<div id="header" style="width: 632px; height: 163px"><p><b>Style:</b><span style="text-decoration: none">
    </span><a href="#" onclick="setActiveStyleSheet('konge'); return false;" onkeypress="setActiveStyleSheet('konge')">Standard</a>&nbsp;
    -
<a href="#" onclick="setActiveStyleSheet('natur'); return false;" onkeypress="setActiveStyleSheet('natur')">
    Natur</a> </p><p>&nbsp;</p></div>
<p id="menu" style="width: 632px; margin:0;"><a href="d">News</a> -&nbsp; <a href="d">News</a>
    - <a href="d">News</a> - <a href="d">News</a> - <a href="d">News</a> - <a href="d">News</a>
    - <a href="d">News</a> - <a href="d">News</a> - <a href="d">News</a> - <a href="d">News</a>
    - <a href="d">News</a> - <a href="d">News</a> -<a href="d">News</a> - <a href="d">News</a>
    - <a href="d">News</a></p>

<table border="0" width="63%">
    <tr>
        <td><p>Hej med dig</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</td>
    </tr>

</table>

<table border="0" width="63%">
    <tr>
        <td>
        <p align="center"><b>Copyright Cool
        Templates 2005-2006 / Made by hundetis.dk<br>
        <a title="CSS Valid" target="_blank" href="http://jigsaw.w3.org/css-validator/">
        <img border="0" src="gfx/css_valid.GIF" width="78" height="13" alt=""></a>
        <a title="GAY Valid" target="_blank" href="http://cool-templates.hundetis.dk">
        <img border="0" src="gfx/gay_valid.GIF" width="78" height="13" alt=""></a>

        <a title="FREE Valid" target="_blank" href="http://cool-templates.hundetis.dk">
        <img border="0" src="gfx/free_valid.GIF" width="78" height="13" alt=""></a></b></td>
    </tr>
</table>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
</body>
</html>
Avatar billede dumza Nybegynder
07. maj 2005 - 19:36 #6
Det var ikke lige det jeg mente, men tjek lige det her billled http://hundetis.dk/kig.GIF .. Altså noget af den grå linje bliver orange når muisen er over!!
Avatar billede notes2c Nybegynder
07. maj 2005 - 19:53 #7
Nu gik det op for mig hvad det var du gerne ville lave, ved pt ikke hvad der skal til for at få det til at virke i ie...
Avatar billede dumza Nybegynder
07. maj 2005 - 19:55 #8
Jamen er det muligt at få det til at virke+
Avatar billede notes2c Nybegynder
07. maj 2005 - 20:00 #9
ved det faktisk ikke, kigger på det senere...
Avatar billede dumza Nybegynder
07. maj 2005 - 20:02 #10
Jamen har brug for hjælp til det nu;S
Avatar billede dumza Nybegynder
07. maj 2005 - 20:06 #11
**** Min side jeg er igang med kan nu ses på http://cool-templates.hundetis.dk vis i vil se hvad mit problem er
Avatar billede notes2c Nybegynder
07. maj 2005 - 22:35 #12
Kan ikke få det til at virke i ie, desværre...
Avatar billede dumza Nybegynder
07. maj 2005 - 23:02 #13
hvorfor ikek?
Avatar billede notes2c Nybegynder
07. maj 2005 - 23:12 #14
Hvis jeg viste det, havde jeg løst det...
Avatar billede dumza Nybegynder
07. maj 2005 - 23:37 #15
okey men, kan du så lave min index.htm så den ser godt ud i Mozille firefox?
Avatar billede notes2c Nybegynder
08. maj 2005 - 00:39 #16
Hvis du tager den kode som jeg har lagt ind og ændre højden på #menu til 12px så er det så tæt på jeg kan komme...
Avatar billede dumza Nybegynder
08. maj 2005 - 10:50 #17
kan ikkke se hvad der er den store forskell i?
Avatar billede notes2c Nybegynder
08. maj 2005 - 19:40 #18
Din kode er fejlbehæftet, med mange fejl. Du bør få et resultat ligende det som du viste på din gif, med det kode som jeg har lagt ind, og ens i forhold til både ie og ff... Kan ikke komme dit probem nærmere, desværre...
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