×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: HTML
Posted by: Silvia
Added: Jul 6, 2011 2:41 PM
Views: 157
Tags: no tags
  1. <style type="text/css" media="screen">
  2.         body {
  3.         background:#fff;
  4.         margin:0;
  5.         padding:0;
  6.         color:#000;
  7.         font:x-small/1.5em Georgia,Serif;
  8.         voice-family: "\"}\""; voice-family:inherit;
  9.         font-size:small;
  10.         } html>body {font-size:small;}
  11.        
  12.         #header {
  13.         float:left;
  14.         width:100%;
  15.         background:#DAE0D2 url("bg.gif") repeat-x bottom;
  16.         font-size:93%;
  17.         line-height:normal;
  18.         }
  19.         #header ul {
  20.         margin:0;
  21.         padding:10px 10px 0;
  22.         list-style:none;
  23.         }
  24.         #header li {
  25.         float:left;
  26.         background:url("left_both.gif") no-repeat left top;
  27.         margin:0;
  28.         padding:0 0 0 9px;
  29.         border-bottom:1px solid #765;
  30.         }
  31.         #header a {
  32.         float:left;
  33.         display:block;
  34.         width:.1em;
  35.         background:url("right_both.gif") no-repeat right top;
  36.         padding:5px 15px 4px 6px;
  37.         text-decoration:none;
  38.         font-weight:bold;
  39.         color:#765;
  40.         }
  41.         #header > ul a {width:auto;}
  42.         /* Commented Backslash Hack hides rule from IE5-Mac \*/
  43.         #header a {float:none;}
  44.         /* End IE5-Mac hack */
  45.         #header a:hover {
  46.         color:#333;
  47.         }
  48.         #home #nav-home, #news #nav-news,
  49.         #products #nav-products, #about #nav-about,
  50.         #contact #nav-contact {
  51.         background-position:0 -150px;
  52.         border-width:0;
  53.         }
  54.         #home #nav-home a, #news #nav-news a,
  55.         #products #nav-products a, #about #nav-about a,
  56.         #contact #nav-contact a {
  57.         background-position:100% -150px;
  58.         padding-bottom:5px;
  59.         color:#333;
  60.         }
  61.         #header li:hover, #header li:hover a {
  62.         background-position:0% -150px;
  63.         color:#333;
  64.         }
  65.         #header li:hover a {
  66.         background-position:100% -150px;
  67.         }
  68.         </style>
  69.         </head>
  70.        
  71.         <body id="news">
  72.        
  73.         <div id="header">
  74.         <ul>
  75.         <li id="nav-home"><a href="#">Home</a></li>
  76.         <li id="nav-news"><a href="#">News</a></li>
  77.         <li id="nav-products"><a href="#">Products</a></li>
  78.         <li id="nav-about"><a href="#">About</a></li>
  79.         <li id="nav-contact"><a href="#">Contact</a></li>
  80.         </ul>
  81.         </div>