DZone Snippets: cascading code http://snippets.dzone.com/posts Fri, 25 Jul 2008 02:47:17 GMT DZone Snippets: cascading code CSS Menu with Highlights http://snippets.dzone.com/posts/show/3141 // Simple CSS that will let you do away with clunky images forever! This script will create a perfect menu that highlights links when the mouse rolls over! The beauty of CSS is that this script is compact, lightweight and customizeable! This is a perfect example of the power of CSS. <br /><a href="http://www.webscriptexpert.com/demo/css-highlight-menu.html">DEMO</a> <br /><a href="http://www.webscriptexpert.com">webscriptexpert.com</a> <br /> <br /><HTML CODE HERE> <br /><CODE> <br /><table border="0" width=175> <br /><tr> <br /><td width="100%" bgcolor="#E6E6E6"><span class="style7"><b>CSS MENU<b></span></td> <br /><tr> <br /><td width="100%"><span class="style5"><a href="http://www.webscriptexpert.com" class="selector">Web Script Expert</a></span></td> <br /></tr> <br /><tr> <br /><td width="100%"><span class="style5"><a href="http://www.webscriptexpert.com" class="selector">Actionscript</a></span></td> <br /></tr> <br /><tr> <br /><td width="100%"><span class="style5"><a href="http://www.webscriptexpert.com" class="selector">PHP CSS</a></span></td> <br /></tr> <br /><tr> <br /><td width="100%"><span class="style5"><a href="http://www.webscriptexpert.com" class="selector">Javascript</a></span></td> <br /></tr> <br /></table> <br /></CODE> <br /> <br /> <br /><CSS CODE HERE> <br /><code> <br /><style> <br />A.selector { <br />display: block; <br />width: 198px; <br />text-align: left; <br />text-decoration: none; <br />font-family:arial; <br />font-size:12px; <br />color: #000000; <br />BORDER: none; <br />border: solid 1px #FFFFFF; <br />} <br /> <br />A.selector:hover { <br />border: solid 1px #6100C1; <br />background-color:#F0E1FF; <br />} <br />.style5 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; } <br />.style7 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } <br /></style> <br /></code> Wed, 13 Dec 2006 00:55:36 GMT http://snippets.dzone.com/posts/show/3141 webscriptexpert (r)