html / css problem

Skriv svar

2005-08-19 11:32

Permalänk

hogdefoo

Medlem

Plats: Katrineholm
Registrerad: Jul 2002

●

html / css problem

Gjorde en testsida...
http://www.davidsvensson.se/test/test.html

Men jag förstår inte varifrån den vita linjen ovanför menyn kommer ifrån?

body {
  margin: 0; 
  padding: 0; 
  font-family: Verdana;
  font-size: 10px;
}

#logo {
  background-color: #C5C7D1; 
  width: 900px; 
  height: 80px;
  border-left: 1px solid #778; 
  border-right: 1px solid #778; 
}

#menu {
  background-color: #C5C7D1; 
  width: 900px; 
  height: 25px; 
  border-left: 1px solid #778; 
  border-right: 1px solid #778; 
}

#navlist {
  padding: 3px 0;
  margin-left: 0;
  border-bottom: 1px solid #778;
  font: bold 12px Verdana, sans-serif;
}

#navlist li {
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a {
  padding: 3px 0.5em;
  margin-left: 3px;
  border: 1px solid #778;
  border-bottom: none;
  background: #DDE;
  text-decoration: none;
}

#navlist li a:link { 
  color: #448; 
}

#navlist li a:visited { 
  color: #667; 
}

#navlist li a:hover {
  color: #000;
  background: #AAE;
  border-color: #227;
}

#navlist li a#current {
  background: white;
  border-bottom: 1px solid white;
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="test.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- LOGO -->
<div id="logo"></div>
<!-- MENU -->
<div id="menu">
  <ul id="navlist">
    <li id="active"><a href="#" id="current">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    <li><a href="#">Item four</a></li> 
    <li><a href="#">Item five</a></li>
  </ul>
</div>

</body>
</html>

Visa signatur

// David

Rapportera Redigera

Citera flera Citera

2005-08-19 11:49

Permalänk

PointMan

Medlem ★

Plats: Mitt i Skåne
Registrerad: Apr 2002

●

Lägg meny-diven inuti en wrapper.

Hade samma problem med det innan, mysko problem...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="test.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- LOGO -->
<div id="logo"></div>
<!-- MENU -->
<div id="menuWrap">
  <div id="menu">
    <ul id="navlist">
      <li id="active"><a href="#" id="current">Item one</a></li>
      <li><a href="#">Item two</a></li>
       <li><a href="#">Item three</a></li>
      <li><a href="#">Item four</a></li> 
      <li><a href="#">Item five</a></li>
    </ul>
  </div>
</div>

</body>
</html>

Visa signatur

Rapportera Redigera

Citera flera Citera

Skriv svar

html / css problem

html / css problem

Externa nyheter

Spelnyheter från FZ