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.

 Copyright © Lars Jönsson Teknik & Precision, 2007-01-02