Webtips - Meny
Det halvautomatiska sättet
Om man har problem med javascripten i förra exemplet, kan man istället markera vald sida, i menyn, på ett relativit enkelt sätt.
index.html | |
<html> <head> <title>Menutest</title> <link rel="stylesheet" href="menutest.css" type="text/css"> </head> <body class="index" bgcolor="#FFFFFF" text="#004466"> <table width="95%" border="0" cellspacing="0" cellpadding="0" bgcolor="#006699"> <tr bgcolor="#666666"> <td><img src="space.gif" width="1" height="15"></td> <td colspan="6" valign="middle"> <div class="header"> <a id="menuitem1" class="header" href="index.html">Hem</a> | <a id="menuitem2" class="header" href="page1.html">Sida 1</a> | <a id="menuitem3" class="header" href="page2.html">Sida 2</a> | <a id="menuitem4" class="header" href="page3.html">Sida 3</a> </div> </td> </tr> </table> <h1>Exempel på meny</h1> <h2>Hemsidan</h2> </body> </html> |
Det som skiljer sig från förra exemplet är att javascriptet är borttaget. Då måste man manuellt ange sidans namn, dvs class="index". I övrigt så används samma style sheet som i förra exemplet.
Klicka här för att testa denna typ av meny.