Foros del Web - Ver Mensaje Individual - menu ul horizontal no le salen las imágenes

kseso? · #5 (**permalink**) 08/09/2009, 06:28

Si vas a utilizar una imagen, ¿por qué no colocarla como fondo del enlace y así poder jugar con el "hover"?
Mira si este comienzo de lista simple te puede servir:

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>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin: 0; padding: 0; border: 0; outline: none;}
ul {margin: 20px;}
ul li {
  list-style-type: none;
  float: left;
}
ul li a {
  display: block;
  padding: 5px 20px 5px 20px;
  background: #FFFF99 url(http://static.forosdelweb.com/images/smilies/borracho.gif) no-repeat 1px center;
  border: 1px solid #444;
  text-decoration: none;
}
ul li a:hover {
  background: #FFCC00 url(http://static.forosdelweb.com/images/smilies/biggrin.gif) no-repeat 1px center;
  color: #006600;
}
</style>
</head>
<body>
  <ul class="menu_horizontal">
            <li><a href="#">uno</a></li>
            <li><a href="#">dos</a></li>
            <li><a href="#">tres</a></li>
            <li><a href="#">cuatro</a></li>
  </ul>
</body>
</html>

Un saludo