Problema con imagen de fondo en active link

Hurieta · #1 (**permalink**) 05/06/2011, 17:45

Hola... miren estoy haciendo una web y se me ocurrio ponerle una imagen de fondo a una active link de arriba bueno... les dejo el codigo del CSS y el del HTML para que vean que estoy haciendo mal

index.html

Código HTML:

Ver original<html>
    <head>
        <title>Gaming Online</title>
    <link href="estilos.css" rel="stylesheet" type="text/css">
    </head>
    
    <body>
    
        <!--Encabezado-->
        <br>
        
        <div id="botonera">
        <ul>
        <li class="a"><a href="index.html">Inicio</a></li>
        <li class="a"><a href="juegos.html">Juegos</a></li>
        <li class="a"><a href="videos.html">Videos</a></li>
        <li class="a"><a href="imagenes.html">Imagenes</a></li>
        <li class="a"><a href="consultas.html">Consultas</a></li>
        </ul>
        </div>
        
        
        <div id="nuevos">
        
        
        
        </div>
        
        <!--Fin de encabezado-->
        
        <div id="contenido">
            <div id="juegos">
            </div>
            <div id="centro">
            </div>
        </div>
        
        <!--Pie-->
        
        <div id="pie">
        
        </div>
        
        <!--Fin de pie-->
        
    </body>
    
</html>

estilos.css

Código CSS:

Ver original* {margin:0; padding:0;}
html {background: #303030; width:auto;}
body {margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; width:850px; display:table; color:#303030;}
.b a:link {color: #6F818B; text-decoration:none; }
.b a:visited {color: #6F818B; text-decoration:none; }
.b a:active  {color: #6F818B; text-decoration: underline; }
.b a:hover {color: #6F818B; text-decoration: underline; }
p {font-family:Tahoma; font-size:11px; margin:0 0 10px 0; color:#5c5c5c; text-align:justify;}
h2 {font-family:Tahoma; font-size:11px; margin:0 0 5px 0; color:#3F93DD;}
h1 {font-family:Tahoma; font-size:18px; margin:0 0 10px 0; color:#3F93DD; text-transform:capitalize;}
#botonera {background: url(imagenes/menu.png) repeat-x; width:800px; height:45px; color:black}  
#botonera ul {width:800px; height:45px; color:black}     
#botonera ul li {display:block; float:left; width:160px; height:45px; text-align:center; color:black}
.a {font-family:Comic Sans MS; font-size:16px; color:black}
.a a:link{background:url(imagenes/alink.png) no-repeat; text-decoration:none; color:black; display:block; width:160px; height:100%; text-align:center; line-height:40px;}
.a a:active {background:url(imagenes/active.png) no-repeat; text-decoration:none; color:black; display:block; width:160px; height:100%; text-align:center; line-height:40px;}
.a a:hover{color:black; background:url(imagenes/hover.png) no-repeat; text-decoration:none; color:black; display:block; width:160px; height:100%; text-align:center; line-height:40px;}
.a v:link {color:black; line-height:40px; color:black text-decoration:none; color:black; display:block; width:160px; height:100%; text-align:center; line-height:40px;}
#nuevos {background: #A4A4A4; width: 800px; height: 250px;}
#contenido {width:800px; background: #ffffff;}
#juegos {float:left; background: #535353; width:200px; height: 350px;}
#centro {float:right; background: #C6C3C3; width:600px; height: 600px;}
#pie {}

GAST0N · #2 (**permalink**) 05/06/2011, 20:43

y cual es el problema que deseas resolver??