CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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

Synes godt om

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....

Synes godt om

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?!!

Synes godt om

notes2c Nybegynder

07. maj 2005 - 18:21 #3

Det gør den også hvis du øger højden på din #menu div...

Synes godt om

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!!

Synes godt om

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> 
-
<a href="#" onclick="setActiveStyleSheet('natur'); return false;" onkeypress="setActiveStyleSheet('natur')">
Natur</a> </p><p> </p></div>
<p id="menu" style="width: 632px; margin:0;"><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>
- <a href="d">News</a></p>

<table border="0" width="63%">
<tr>
<td><p>Hej med dig</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </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"> </p>
<p align="center"> </p>
</body>
</html>

Synes godt om

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!!

Synes godt om

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...

Synes godt om

dumza Nybegynder

07. maj 2005 - 19:55 #8

Jamen er det muligt at få det til at virke+

Synes godt om

notes2c Nybegynder

07. maj 2005 - 20:00 #9

ved det faktisk ikke, kigger på det senere...

Synes godt om

dumza Nybegynder

07. maj 2005 - 20:02 #10

Jamen har brug for hjælp til det nu;S

Synes godt om

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

Synes godt om

notes2c Nybegynder

07. maj 2005 - 22:35 #12

Kan ikke få det til at virke i ie, desværre...

Synes godt om

dumza Nybegynder

07. maj 2005 - 23:02 #13

hvorfor ikek?

Synes godt om

notes2c Nybegynder

07. maj 2005 - 23:12 #14

Hvis jeg viste det, havde jeg løst det...

Synes godt om

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?

Synes godt om

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...

Synes godt om

dumza Nybegynder

08. maj 2005 - 10:50 #17

kan ikkke se hvad der er den store forskell i?

Synes godt om

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...

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS