Hola a todos.
Saludos.
Estoy diseñando una pequeña aplicación WEB, PHP MYSQL, como editor estoy html y css empleo al Dreamwever y para el caso del php uso el Php Designer.
Para maqutar el sitio estoy empleando una plantilla css que viene el dreamweaver, la que se llama 2col_leftNav.css. Por supuesto que la he ajustado a mis necesidades, eliminado algunas cosas que no necesito, he creado una página index.php que es la principal página de la aplicación y he intentado aplicar la misma plantilla al resto de las páginas y es ahí donde aparece el problema.
Cuando estoy en la vista de diseño del dreamwever se ve la plantilla perfectamente bien, pero cuando cargo la página en el navegador (Mozilla Firefox), sale página en cuestión sin la css aplicada.
Aquí les voy a poner, por ejemplo una css que tengo para una página, la cual se llama valida.htm y la css de la misma se denomina valida.css.
[CSS]
/* CSS Document */
#masthead{
margin: 0;
padding: 10px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
background-image:url(img/bgForm4.gif);
height:100px;
}
input {
width: 200px;
font-family: Tahoma;
font-size: 8pt;
background:#FFF url(./img/user.png) no-repeat left;
padding:3px 0px 3px 25px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}
.cliente {
width: 200px;
font-family: Tahoma;
font-size: 8pt;
background:#FFF url(./img/user.png) no-repeat left;
padding:3px 0px 3px 25px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}
.descripcion {
width: 200px;
font-family: Tahoma;
font-size: 8pt;
background:#FFF url(./img/home.png) no-repeat left;
padding:3px 0px 3px 25px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}
.comprador {
width: 200px;
font-family: Tahoma;
font-size: 8pt;
background:#FFF url(./img/user.png) no-repeat left;
padding:3px 0px 3px 25px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}
.identidad {
width: 200px;
font-family: Tahoma;
font-size: 8pt;
background:#FFF url(./img/pass.png) no-repeat left;
padding:3px 0px 3px 25px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}
.formLogin fieldset {
border:1px solid #aaa;
padding: 3px;
margin: 25px;
}
/*.label {
width:50px;*/
#label {
float:left;
width:250px;
background:#FFFFCC;
text-align:right;
margin-right:.5em;
padding:.25em;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}
textarea {
width: 200px;
font-family: Tahoma;
font-size: 8pt;
}
body {
font-family: Tahoma;
font-size: 8pt;
}
.error {
font-family: Tahoma;
font-size: 8pt;
color: red;
margin-left: 250px;
display:none;
}
.formLogin input#nombredelcomprador {
background:#FFF url(./img/user.png) no-repeat left;
}
.formLogin input#empresa {
background:#FFF url(./img/home.png) no-repeat left;
}
.formLogin input#identidad {
background:#FFF url(./img/pass.png) no-repeat left;
}
.formLogin input#password {
background:#FFF url(img/pass.png) no-repeat left;
}
sup {
letter-spacing:inherit;
font-style:italic;
font-weight:bold;
text-decoration:underline;
word-spacing:inherit;
}
fieldset {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}
[/CSS]
En este caso en la vista diseño del dreamwever aparece el div con la imagen de fondo, es un div que sale en la parte superior de la página con la correspondiente imagen, sin embargo cuando abro la página en el browser no sale el div, pero si salen los otros estilos que están definidos. A qué se debe esto?
Muchas Gracias.
