/ Published in: CSS
Expand |
Embed | Plain Text
* { margin: 0; padding: 0; } a { text-decoration: none; } ul { list-style: none; } /* LEVEL ONE */ ul.dropdown { position: relative; font: 20px 'WinterthurCondensedRegular', Arial, sans-serif; text-transform:uppercase; padding:0 0 0 332px; } ul.dropdown li { float: left; zoom: 1; } ul.dropdown a:hover { color: #333; } ul.dropdown a:active { color: #ffa500; } ul.dropdown li a { display: block; padding: 4px 8px; border-right: 1px solid #bce0fa; color: #333; } ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover { background-color: #aad0eb; color: #333; position: relative; } ul.dropdown li.hover a { color:#FFF; } /* LEVEL TWO */ ul.dropdown ul { width: 115px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:999; } ul.dropdown ul li { font-weight: normal; background: #96c8db; color: #333; border-bottom: 1px solid #96c8db; float: none; z-index:9999 !important; positon:relative;} /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } <div id="slideshow"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="800" height="250" id="handh" align="middle"> <param name="movie" value="handh.swf" style="position:relative; z-index:1;" /><param name="quality" value="high" /><param name=wmode value="transparent"><param name="bgcolor" value="#ffffff" /><embed src="http://hillandhollowfarm.com/new/i/slideshow/handh.swf" quality="high" bgcolor="#ffffff" width="800" height="250" name="handh" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" style="position:relative; z-index:1;" wmode="transparent" /> </object> </div>
You need to login to post a comment.
