Buenas,
os pongo aqui el codigo css:
Código:
body{
background-color: #8f0817;
margin: 0.5% 0% 0% 0%;
}
body> div{
background-color: #8f0817;
margin:0 0 0 0;
padding:0 0 0 0;
width:1022px;
}
div>#cabecera{
height:150px;
width:1022px;
}
#cabecera>#c1{
position:absolute;
left:1px;
top:7px;
background-position:0px 0px;
width:356px;
height:69px;
background-image: url(imagenes/c1.png);
background-repeat: no-repeat;
}
#header
{position:absolute;
width: 600px;
height: 178px;
background: none; /* Aquí quitamos cualquier fondo existente */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="maleta2fondo.png", sizingMethod="image"); /*cargamos la imagen igual que como lo hicimos con la etiqueta img, pero el método de escala será ahora image, es decir, la misma imagen */
background-repeat:no-repeat;
margin-left: 200px;
}
#cabecera>#c2{
position:absolute;
left:357px;
top:7px;
width:666px;
height:69px;
background-image: url(imagenes/c2.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#cabecera>#c3{
position:absolute;
left:1px;
top:76px;
width:1022px;
height:78px;
background-image: url(imagenes/c3.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
div>#cuerpo{
height:800px;
width:1022px;
}
#cuerpo>#cu1{
position:absolute;
top:154px;
left:1px;
width:194px;
height:127px;
background-image: url(imagenes/cu1.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#cuerpo>#cu2{
position:absolute;
top:154px;
left:195px;
width:828px;
height:844px;
background-image: url(imagenes/cu2.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#cuerpo>#cu3{
position:absolute;
left:1px;
top:281px;
width:155px;
height:288px;
background-image: url(imagenes/cu3.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#cuerpo>#cu4{
position:absolute;
top:281px;
left:156px;
width:39px;
height:716px;
background-image: url(imagenes/cu4.png);
background-repeat: no-repeat;
background-position: top left;
}
#cuerpo>#cu5{
position:absolute;
left:1px;
top:570px;
width:22px;
height:428px;
background-image: url(imagenes/cu5.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#cuerpo>#cu6{
position:absolute;
top:569px;
left:23px;
width:133px;
height:283px;
background-image: url(imagenes/cu6.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#cuerpo>#cu7{
position:absolute;
top:852px;
left:23px;
width:133px;
height:145px;
background-image: url(imagenes/cu7.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#encuesta p{
display:inline;
font-family:Verdana;
font-size:0.7em;
font-weight:bold;
color: #000000;
}
#cuerpo>#encuesta {
position:absolute;
left:55px;
top:616px;
width:100px;
}
#cuerpo>#resultencu>pre {
position:absolute;
left:-155px;
top:755px;
font-family:Verdana;
font-size:0.8em;
font-weight: bold;
}
#votarbo{
position:absolute;
left:46px;
top:125px;
}
#login p{
font-family:Verdana;
color: #000000;
display:inline;
font-size:0.7em;
font-weight:bold;
}
#navegacion>#timenu{
position: absolute;
top:278px;
left:162px;
width:32px;
height:300px;
background-image: url(imagenes/titulomenu.png);
background-repeat: no-repeat;
}
#navegacion>#tiencuestas{
position: absolute;
top:600px;
left:162px;
width:32px;
height:320px;
background-image: url(imagenes/tituloencuestas.png);
background-repeat: no-repeat;
}
#cuerpo>#tituloapar{
position: absolute;
top:233px;
left:375px;
width:630px;
height:40px;
background-image: url(imagenes/tituloapar.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#cuerpo>#opcionesuser{
position: absolute;
top:148px;
left:451px;
width:560px;
height:85px;
background-image: url(imagenes/opcionesuser.png);
background-repeat: no-repeat;
background-position:0px 0px;
}
#opcionesuser>#menuser {
position: absolute;
top:0px;
left:0px;
list-style:none;
}
#menuser a {
color: #000000;
text-decoration: none;
font-weight: bold;
}
#registro{
list-style:none;
position: absolute;
left:25px;
top:175px;
}
#registro a{
color: #000000;
text-decoration: none;
font-weight: bold;
}
#cuerpo>#login {
position:absolute;
left:5px;
top:157px;
}
#cuerpo>#buscar {
position:absolute;
left:140px;
top:228px;
}
#buscarbo {
position:absolute;
left:169px;
top:22px;
}
#cuerpo>#buscar p {
font-family:Verdana;
color: #000000;
display:inline;
font-size:0.7em;
font-weight:bold;
}
#navegacion ul {
position:absolute;
left:0;
top:260px;
list-style:none;
margin-left:5px;
margin-top: 20px;
font-size: 12px;
font-family:Verdana,Arial;
font-weight:bold;
padding: 0px 0px 0px 0px;
width:146px;
height:287px;
border:1px solid #a53323;
}
#navegacion ul li{
background-image: url(ico.png);
padding-left: 0px;
padding-top: 7px;
border-bottom:1px solid #a53323;
border-top:8px solid #ff4f37;
width:146px;
height: 20px;
text-align: center;
}
#navegacion ul li:hover{
background-image: url(ico.png);
margin-left:15px;
padding-left:15px;
padding-top: 7px;
border:2px solid #fd5f21;
border-top:8px double #fd5f21;
width:146px;
height: 20px;
text-align: left;
}
#navegacion a{
color: #5c0803;
text-decoration: none;
}
#navegacion ul li:hover a{
color: #5c0803;
}
#navegacion ul li:hover a:hover{
color: #f59601 ;
}
#contenido{
background-color:#666;
margin-top:0;
padding-top:0;
float:left;
width:67%;
background:#fff;
margin-right: 1.67em;
padding-bottom:20px;
border-right: 1px solid black;
padding-right: 1 em;
}
p{
color: #000000;
font-size: 1.5em;
font-family: Verdana,Times;
}
input{
background-color:#ff908c;
border:1px solid black;
}
Es bastante largo,por eso no lo puse desde un principio,pero bueno aqui os lo dejo seguro que veis errores por doquier asi que os agradeceria que me los dijerais ,asi de paso mejoro el codigo.
Un Saludo y gracias!!