HOME -> CSS_ARTIKLER -> 06-css Mandag, 11. December 2017

HOME
FORUM
OPEN DIRECTORY
BOOKMARK
Offentliggjort 2003 - Opdateret n/a

scrollbar-menu

Et eksempel på udformning af menu-bar!

Her er et stump kode som du bl.a. kan anvende som menu på din hjemmeside. Den består af tre celler, hvor den miderste anvender egenskaben overflow. På grund af egenskaben overflow får den miderste celle en scrollbar når antallet af links bliver flere end der kan være i cellen. Samtlige links er indskrevet via elementet <div> for at opnå denne effekt.

 

 


<html>
<head>
  <title>scrollbar - menu</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="4">
  <tr bgcolor="#cccc00">
   <td><b>MENU</b></td>
  </tr>
  <tr bgcolor="#cccccc">
   <td style="width: 150px; height: 100px;">
    <div style="width: 100%; height: 100%; overflow : auto;">
     <a href="dokument1.htm" target="_blank">dok1</a><br />
     <a href="dokument2.htm" target="_blank">dok2</a><br />
     <a href="dokument3.htm" target="_blank">dok3</a><br />
     <a href="dokument4.htm" target="_blank">dok4</a><br />
     <a href="dokument5.htm" target="_blank">dok5</a><br />
     <a href="dokument6.htm" target="_blank">dok6</a><br />
     <a href="dokument7.htm" target="_blank">dok7</a><br />
    </div>
   </td>
  </tr>
  <tr bgcolor="#cccc00">
   <td>NETeXplorer.dk</td>
  </tr>
</table>
</body>
</html>


 

Copyright © 2002 - 2017
NETeXplorer.dk · All rights reserved Top