Foros del Web - Ver Mensaje Individual

kseso? · #2 (**permalink**) 19/08/2009, 05:57

Código, Laika, código css

Mira a ver si lo siguiente se acerca a tu duda:

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" xml:lang="es" lang="es-es">
<head>
<title>kseso? jugando con css</title>
<style type="text/css">
* {margin: 0; padding: 0; border: 0; position: relative;}
html, body {
background-color: #cdcdcd;
}
ul { margin: 15px;}
ul li {
display:block;
list-style-type:none;
width:10em;
}
ul li a {
display: block;
padding: 5px 10px;
text-decoration: none;
color: #fff;
}
.uno {background: #c0c0c0;}
.dos {background: #707070;}
.tres {background: #4F4F4F}
ul li a:hover {
text-decoration: none;
color: #F0C000;
background: #600000;
}
</style>
</head>
<body>
  <ul>
    <li><a class="uno" href="#">Enlace 1</a></li>
    <li><a class="dos" href="#">Enlace 2</a></li>
    <li><a class="tres" href="#">Enlace 3</a></li>
  </ul>
</body>
</html>

Coloca tu imagen en el background correspondiente.
Un saludo