Foros del Web - Ver Mensaje Individual

kseso? · #7 (**permalink**) 11/09/2009, 17:27

Bueno, veamos a ver si es esto lo que andas buscando, vb2005
Como verás, sólo hay un div y una lista y se utilizan 3 imágenes.

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Kseso? jugando con css</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin: 0; padding:0; outline: none; border: 0;}
body, html {
    background-color: #000000;
    height: 100%;
    width: 100%;
}
#menu {width: 202px;
  background: transparent url(http://img21.imageshack.us/img21/9074/superior.png) no-repeat;
}
#menu span {
  display: block;
  text-align: center;
  height: 48px;
  line-height: 50px;
  color: #f5f5f5;
}
#menu ul {}
#menu ul li {
  background: transparent url(http://img29.imageshack.us/img29/7453/cuerpo.png) repeat-y;
  list-style-type: none;
  display: block;
  width: 202px;
  text-align: left;
}
#menu ul li a {
  display: block;
  width: 100%;
  padding: 0 0 5px 15px;
  color: #f5f5f5;
  text-decoration: none;
}
#menu ul li.ultimo {background: transparent url(http://img10.imageshack.us/img10/8080/cierre.png) no-repeat 0 bottom; height: 27px; padding:0;}
#menu ul li a:hover {text-decoration: underline;}
</style>
</head>
<body>
<div id="menu">
<span>Categorías</span>
    <ul>
        <li><a href="#" title="item 1">Item 1</a></li>
        <li><a href="#" title="item 2">Item 2</a></li>
        <li><a href="#" title="item 3">Item 3</a></li>
        <li><a href="#" title="item 4">Item 4</a></li>
        <li class="ultimo"><a href="#" title="item 5">Item 5</a></li>
    </ul>
</div>
</body>
</html>

Un saludo