html - Border på den sidste li - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #15663 @ 21.11.11 12:46

Hejsa UV.

Jeg sidder og arbejder lidt på et eksamens projekt.
Ja det er pinligt, men kan ikke få en border-right på den sidste li i min menu.
Normalt kan jeg godt få det til at fungere, men det kan jeg bare ikke lige nu.

Er der nogen der kan hjælpe?

HTML kode

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
 <html>
 <head>
 <title>Page title</title>
 <link rel="stylesheet" type="text/css" href="css/style.css" />
 <link rel="shortcut icon" href="favicon.ico">
 </head>
 <body>
 <div id="wrapper">
           <div id="head">
                      <div id="menu">
                             <div id="logo">
                                      <a href="index.php">
                                               <img src="css/images/logo.png" width="66" height="65" alt="logo (2K)" />
                                      </a>
                             </div>         
                             <ul>
                                     <li><a href="">Ugens Tilbud</a></li>
                                     <li><a href="">Varudbringning</a></li>
                                     <li><a href="">Åbningstider</a></li>
                                     <li class="last"><a href="">Kontakt</a></li>
                             </ul>
                     </div>
                     <div id="search">
                     søg
                     </div>
          </div>   
 </div>
 </body>
 </html>

CSS kode

 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, block,qoute, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td
 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
 }
 
 ol, ul
 {
  list-style: none;
 }                                    
 
 body
 {
  margin: 0px;
  padding: 0px; 
  font-family: Trebuchet MS, Verdana, Sans-Serif;
 }
 
 #wrapper
 {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
 } 
 
 #head
 {
  margin-top: 20px;
  height: 53px;
  background-image: linear-gradient(bottom, rgb(0,0,0) 14%, rgb(66,66,66) 100%);
  background-image: -o-linear-gradient(bottom, rgb(0,0,0) 14%, rgb(66,66,66) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 14%, rgb(66,66,66) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 14%, rgb(66,66,66) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 14%, rgb(66,66,66) 100%);
  background-image: -webkit-gradient(
     linear,
     left bottom,
     left top,
     color-stop(0.14, rgb(0,0,0)),
     color-stop(1, rgb(66,66,66))
  );
  border-top: 1px solid #FFFFFF;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-left-border-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  width: 960px; 
  color: white;
 }
 
 #head #menu #logo
 {
  z-index: 9999;
  margin-top: -20px;
  margin-left: 15px;
  margin-right: 15px;
  width: 66px;
  float: left;
 }
 
 #head #menu ul
 {
  float: left;
 }
 
 #head #menu ul li
 {
  float: left;
  border-left: 1px solid #424242;
  padding: 15px 10px;
 }
 
 #head #menu ul li .last
 {
  border-right: 1px solid #424242;
 }
 
 #head #menu ul li a
 {
  color: #ded0b2;
  text-decoration: none;
  font-size: 16px;
 }
 
 #head #menu ul li a:hover
 {
  color: #fff;
 }
 
 #head #search
 {
  float: right;
 }