»
EnglishFrenchVietnamese

Print - CSS menu - JavaScriptBank.com

Full version: jsB@nk » CSS » Horizontal menu » CSS menu
URL: https://www.javascriptbank.com/css-menu.html

CSS menu © JavaScriptBank.comThis JavaScript menu is created completely by CSS.

Full version: jsB@nk » CSS » Horizontal menu » CSS menu
URL: https://www.javascriptbank.com/css-menu.html



CSS
<style>#message div.menuBar,#message div.menuBar a.menuButton {  font-family: Verdana, Arial, sans-serif;  font-size: 8pt;  color: #000000;}#message div.menuBar {  background-color: #F0EEE2;  padding: 6px 2px 6px 2px;  text-align: center;  margin-left:20px;}#message div.menuBar a.menuButton {  background-color: transparent;  border: 1px solid;  border-color: #f0f0f0 #909090 #909090 #f0f0f0;  color: #000000;  cursor: pointer;  left: 0px;  margin: 1px;  padding: 2px 6px 2px 6px;  xposition: relative;  text-decoration: none;  top: 0px;  z-index: 100;}#message div.menuBar a.menuButton:hover {  background-color: transparent;  border-color: #909090 #f0f0f0 #f0f0f0 #909090;  color: #000000;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<table><tr><td><DIV id="message"><div class="menuBar"><a class="menuButton" href="">First Button</a><a class="menuButton" href="">Second Button</a><a class="menuButton" href="">Third Button</a><a class="menuButton" href="">As Many more buttons as you need</a></div></div></td></tr></table><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->