Posted By

flexyournoggin on 11/25/10


Tagged


Versions (?)

.


 / Published in: CSS
 

  1. * { margin: 0; padding: 0; }
  2. a { text-decoration: none; }
  3. ul { list-style: none; }
  4.  
  5. /*
  6. LEVEL ONE
  7. */
  8. ul.dropdown { position: relative; font: 20px 'WinterthurCondensedRegular', Arial, sans-serif; text-transform:uppercase; padding:0 0 0 332px; }
  9. ul.dropdown li { float: left; zoom: 1; }
  10. ul.dropdown a:hover { color: #333; }
  11. ul.dropdown a:active { color: #ffa500; }
  12. ul.dropdown li a { display: block; padding: 4px 8px; border-right: 1px solid #bce0fa;
  13. color: #333; }
  14. ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
  15. ul.dropdown li.hover,
  16. ul.dropdown li:hover { background-color: #aad0eb; color: #333; position: relative; }
  17. ul.dropdown li.hover a { color:#FFF; }
  18.  
  19.  
  20. /*
  21. LEVEL TWO
  22. */
  23. ul.dropdown ul { width: 115px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:999; }
  24. ul.dropdown ul li { font-weight: normal; background: #96c8db; color: #333;
  25. border-bottom: 1px solid #96c8db; float: none; z-index:9999 !important; positon:relative;}
  26.  
  27. /* IE 6 & 7 Needs Inline Block */
  28. ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }
  29.  
  30. /*
  31. LEVEL THREE
  32. */
  33. ul.dropdown ul ul { left: 100%; top: 0; }
  34. ul.dropdown li:hover > ul { visibility: visible; }
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44. <div id="slideshow">
  45. <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">
  46. <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" />
  47.  
  48. </object>
  49.  
  50. </div>

Report this snippet  

You need to login to post a comment.