hola buenas, estoy haciendo una web con divs y nose porque no se me muestran las imagens que pongo de fondo. tengo una cabecera con un menu encima de esta, una parte central y un pie.
los tres tienen imagen de fondo pero no se ven a la hora de publicar. la ruta y el nombre de archivo estan correctos. antes las veia y al continuar editando han dejado de verse.
codigo html:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="contenedor">
<div id="cabecera">
<div id="menu2"><a href="clientes.html" class="links">Zona de clientes</a> --- <a href="tienda.html" class="links">Tienda Online</a></div>
<div id="menu">
<a href="inicio.html" class="links">Inicio</a><br /><br />
<a href="productos.html" class="links">Productos</a><br /><br />
<a href="donde.html" class="links">Dónde estamos</a><br /><br />
<a href="contacto.html" class="links">Contacto</a><br /><br />
<a href="presupuestos.html" class="links">Presupuestos</a>
</div>
</div>
<div id="central">
<p>asdfasdf<br />asdfasdf</p>
<p> </p>
</div>
<div id="pie"></div>
</div>
</body>
</html>
codigo css:
Código:
@charset "utf-8";
/* CSS Document */
a:link {
text-decoration: none;
font-size: 12pt;
font-weight: bold;
A.links, A.links:VISITED, A.links:ACTIVE, A.links:FOCUS, A.links:LINK{
color:#FFF;
}
A.links:HOVER{
color:#FF0;
}
BODY {
background : url(imagenes/minifondo.jpg) repeat;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
margin : 20px 0px 20px 0px;
}
#contenedor{
text-align: left;
width: 818px;
margin: auto;
height: auto;
}
#cabecera{
font:10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#FFF;
position:static;
margin: auto;
width:817px;
height:208px;
z-index:20;
background-image: url(imagenes/banner.png);
}
#menu {
position:absolute;
z-index:50;
left: 686px;
top: 42px;
width: 144px;
height: 181px;
font-size: 16px;
}
#menu2 {
font:12pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#FFF;
position:absolute;
z-index:60;
width: auto;
left: 144px;
top: 205px;
}
#contenedor{
text-align: left;
width: 818px;
margin: auto;
}
#central{
background: url(imagenes/centro.png) repeat;
width: 810px;
margin:auto;
position:static;
}
#pie{
background-image:url(imagenes/pie.png);
width: 817px;
margin:auto;
z-index:30;
position:fixed;
top: 337px;
height: 109px;
left: 63px;
}
otro problema que tengo esque no consigo que los links esten del color blanco que es el que quiero y que cuando este hover...se subraye y pero siempre sean blancos.
gracias