Foros del Web - Ver Mensaje Individual

Carlangueitor · #13 (**permalink**) 15/06/2010, 14:37

Omitiendo medidas, paddings y margins, sería algo así:

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="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>PruebA</title>
    <style type="text/css">
        #menu li{
            float: left;
            list-style: none;
            }
        #menu li a{
            background: url(imagen.png) /*Imagen de fondo normal*/
            display: block;
            }
        #mneu li a:hover {
            background: url(imagen2.png) /*Imagen de fondo Hover*/
            }
    </style>
</head>
<body>
    <div id="header">
        <h1><a href="#"><img src="logo.jpg" alt="Webs CLasificadas" /></a></h1>
        <ul id="menu">
        <li><a href="#">Inicio</a></li>
        <li><a href="#">Añadir Página</a></li>
        <li><a href="#">Publicidad</a></li>
        <li><a href="#">Empresa</a></li>
        <li><a href="#">Buscar</a></li>
    </ul>
    </div>
    
</body>
</html>