• Name: velts
  • Language: (X)HTML
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7.     *{margin:0;padding:0;}
  8.     body { font-family: Arial, Helvetica, sans-serif}
  9.     h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,table,address{margin-bottom:14px;}
  10.     img{border:0;}
  11.     ul,dl{padding-left:15px;}
  12.     dt{font-weight:bold;}
  13.     a{text-decoration:underline;}
  14.     a:hover{text-decoration:none;}
  15.     label{cursor:pointer;}
  16.     .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
  17.     .clearfix{display:inline-block;}
  18.     html[xmlns] .clearfix{display:block;}
  19.     * html .clearfix{height:1%;}
  20.     .imgheader,.imgbutton{text-indent:-9999px;overflow:hidden; background-repeat:no-repeat;}
  21.     .imgbutton{display:block;}
  22.    
  23.     #navBar {
  24.         background: #ddd;
  25.         float: left;
  26.     }
  27.     #navBar ul {
  28.         padding: 0;
  29.         margin: 0;
  30.         float: right;
  31.     }
  32.     #navBar ul li {
  33.         list-style: none;
  34.         padding-top: 8px;
  35.         float: left;
  36.     }
  37.     #navBar ul li a {
  38.         display: block; 
  39.         height: 22px;   
  40.         font-size: 12px;
  41.         text-decoration: none; 
  42.         color: #fff;   
  43.         text-align: center;
  44.         font-weight: bold;
  45.     }
  46.     #navBar #nav {
  47.         float: left;
  48.         border-left: solid 1px #000;
  49.     }
  50.     #navBar #nav li {
  51.         padding: 0;
  52.         border-right: solid 1px #000;
  53.     }
  54.     #navBar #nav li a {
  55.         height: 30px;
  56.         display: block;
  57.         /*width: 100px;*/
  58.         padding: 10px 25px 0 25px;
  59.         min-width: 50px;
  60.         text-align: center;
  61.     }
  62.     #navBar #nav li a:hover,
  63.     #navBar #nav li a.active {
  64.         background: #999;
  65.     }
  66.     #navBar #nav li a {
  67.         /* Just incase */
  68.     }
  69. </style>
  70. </head>
  71.  
  73. <div id="navBar">
  74.     <ul id="nav">
  75.         <li id="nav_home"><a href="default.aspx"><span>Home</span></a></li>
  76.         <li id="nav_about"><a href="about.aspx"class="active"><span>About</span></a></li>
  77.         <li id="nav_prepare"><a href="prepare.aspx"><span>Prepare</span></a></li>
  78.         <li id="nav_event"><a href="event.aspx"><span>The Event</span></a></li>
  79.         <li id="nav_connect"><a href="connect.aspx"><span>Connect</span></a></li>
  80.         <li id="nav_sponsors"><a href="sponsors.aspx"><span>Sponsors</span></a></li>
  81.     </ul>
  82. </div>
  83. </body>
  84. </html>
  85.