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 </font></a></td></tr> <tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Uddannelsen </font></a></td></tr> <tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Adgangskrav </font></a></td></tr> <tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Brochure </font></a></td></tr> <tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Adresser </font></a></td></tr> </table> </body> </html> Mvh. Lars
Annonceindlæg fra Trustworks
Tillid i en Zero-Trust verden
Med voksende trusler, nye EU-krav og øget kompleksitet er cybersikkerhed nu en central ledelsesopgave på linje med strategi og økonomi.
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
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 </font></a></td> </tr> <tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Uddannelsen </font></a></td></tr> <tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Adgangskrav </font></a></td></tr> <tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Brochure </font></a></td></tr> <tr><td align=\"right\"><a href=\"#\" class=menu><font face=\"Verdana\" size=\"1\">Adresser </font></a></td></tr> </table> </body> </html>