Avatar billede artery Nybegynder
31. oktober 2001 - 23:45 Der er 6 kommentarer og
1 løsning

Modificering af hover menu

Er det muligt at modificere dette script, således at den blå hover block ikke forsvinder, når der klikkes på et link. Altså når linket \"skolen\" klikkes forbliver den blå block stående bag linket ...


<style>
a:hover
{
  text-decoration: none;
  color: ffffff;
  font-weight: normal;
  text-transform : normal;
}
</style>

<style type=\"text/css\">
<!--
a.menu {
text-decoration: none;
background : #ffffff;
display:block;
width:100%;
}

a.menu:hover {
text-decoration: none;
background : #003399
display:block;
width:100%;
}
-->
</style>
</head>

<body scroll=\"no\" bgcolor=\"#ffffff\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" link=\"#000080\" vlink=\"#000080\" alink=\"#000080\">

<table width=85>
<tr><td align=\"right\"><a class=\"menu\" href=\"skole.htm\"><font face=\"Verdana\" size=\"1\">Vision&nbsp;</font></a></td></tr>
<tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Uddannelsen&nbsp;</font></a></td></tr>
<tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Adgangskrav&nbsp;</font></a></td></tr>
<tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Brochure&nbsp;</font></a></td></tr>
<tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Adresser&nbsp;</font></a></td></tr>
</table>

</body>
</html>


Mvh. Lars
Avatar billede pelkjaer Nybegynder
31. oktober 2001 - 23:47 #1
Du kunne lave en a.menu:active med samme specifikationer som hover.
Avatar billede artery Nybegynder
01. november 2001 - 00:34 #2
Jah!

Og hvordan gør jeg lige det?
Avatar billede pelkjaer Nybegynder
01. november 2001 - 00:37 #3
a.menu:active {
text-decoration: none;
background : #003399
display:block;
width:100%;
}
Avatar billede artery Nybegynder
01. november 2001 - 01:29 #4
Ja det var også hvad jeg tænkte ... men det virker ikke. Hvis du tjekker det script jeg har posted med dette spørgsmål, vil du se at den blå block fungerer som \'hover\' ved mouseover.

Jeg ønsker at den blå block forbliver stående, hvis et link klikkes, også når musen helt fjernes fra området.

Test venligst din modificering af scriptet!

Tak, Lars
Avatar billede pelkjaer Nybegynder
01. november 2001 - 11:03 #5
Det virker hos mig nu.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style>
a:hover
{
  text-decoration: none;
  color: ffffff;
  font-weight: normal;
  text-transform : normal;
}

a:active
{
  text-decoration: none;
  color: ffffff;
  font-weight: normal;
  text-transform : normal;
}
</style>

<style type=\"text/css\">
<!--
a.menu {
text-decoration: none;
background : #ffffff;
display:block;
width:100%;
}

a.menu:hover {
text-decoration: none;
background : #003399
display:block;
width:100%;
}

a.menu:active {
text-decoration: none;
background : #003399
display:block;
width:100%;
}
-->
</style>
</head>

<body scroll=\"no\" bgcolor=\"#ffffff\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" link=\"#000080\" vlink=\"#000080\" alink=\"#000080\">

<table width=85>
<tr>
    <td align=\"right\"><a class=\"menu\" href=\"#\"><font face=\"Verdana\" size=\"1\">Vision&nbsp;</font></a></td>
  </tr>
<tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Uddannelsen&nbsp;</font></a></td></tr>
<tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Adgangskrav&nbsp;</font></a></td></tr>
<tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Brochure&nbsp;</font></a></td></tr>
<tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Adresser&nbsp;</font></a></td></tr>
</table>

</body>
</html>
Avatar billede artery Nybegynder
01. november 2001 - 13:15 #6
Tusind tak for hjælpen!

Lars
Avatar billede pelkjaer Nybegynder
01. november 2001 - 15:27 #7
Tak for point.
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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