Hasta este momento he seguido lo que los manuales de Css dicen, lo que acá he aprendido y ustedes tan generosamente me han sugerido.... pero ya ni sé si mi página se ve bien..... he entrado a las competencias del foro, he analizado otras web sin javascript, he hecho de todo, pero no sé; tomando en cuenta que, desgraciadamente, el 90% de mis posibles clientes navegan por medio de IE, he diseñado y programado para ello (sin menospreciar al otro 10%, claro).... pero creo que todavía tiene problemas. Podrían decirme cómo se ve en sus pantallas mi página y qué errores le encuentran? Porfavor?
http://demonpage.com.mx
Código:
body {
margin: 0; padding: 0; border: 0;
background-image: url(bkbd.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #1f1d16;
font: 11px, Helvetica, Arial, Tahoma;
color: #f60;
text-align: left;
width: 900px;
height: 100%;
}
img {
text-decoration: none;
text.align: center;
border: 0;
}
h4 {
font: Helvetica, Arial, Tahoma;
color: #d4ceaf;
text-align: center;
vertical-align: text-top;
}
span {
font: 11px, Helvetica, arial, tahoma;
font-weight: bold;
color: #d4ceaf;
}
#contenedor {
position: absolute;
z-index: 1;
background-image: url(bkcont.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-align: left;
width: 100%;
height: 100%;
}
#head {
position: absolute;
z-index: 2;
background-color: #f0f0e0;
width: 100%;
height: auto;
text-align: center;
vertical-align: top;
}
#menu {
position: absolute;
z-index: 3;
background-image: url(bkmen.jpg);
background-repeat: no-repeat;
background-position: center;
text-align: center;
vertical-align: middle;
width: 100%;
height: 25px;
top: 151px;
}
#imgall {
position: absolute;
z-index: 2;
margin: 0; padding: 0; border: 0;
text-align: center;
top: 190px;
width: 100%;
}
#thumb {
position: absolute;
z-index: 4;
text-align: center;
top: 455px;
width: 100%;
}
#info {
position: absolute;
z-index: 2;
width: 100%;
height: 50px;
text-align: center;
line-height: 15px;
top: 610px;
}
#front {
position: absolute;
z-index: 2;
background-image: url(bkfro.jpg);
background-repeat: repeat-y;
background-position: top;
width: 900px;
height: 700px;
text-align: left;
text-decoration: none;
}
#enter {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
text-align: center;
text-decoration: none;
line-height: 18px;
}
#contacto {
position: absolute;
z-index: 2;
background-image: url(bkform.jpg);
background-repeat: repeat-y;
background-position: top;
width: 900px;
height: 700px;
text-align: left;
text-decoration: none;
}
.transparente {
background-color: transparent;
border: 1px solid #d4ceaf;
color: #d4ceaf;
}
a {
text-decoration: none;
font: normal bold 12px/13pt Helvetica, tahoma, arial;
}
a:link {
color: #2d291c;
}
a:visited {
color: #2d291c;
}
a:hover {
color: #930;
}
a:active {
color: #930;
}
Antes utilizaba Flash para mis páginas, pero decidí entrar en el mundo del Css, decisión que aún no considero errónea, pero si requiero de cierta orientación todavía.
Gracias Floristas, gracias por su ayuda.