problema en vista previa

argoz1022 · #1 (**permalink**) 18/02/2010, 07:59

Holas, tengo un problemilla, estoy creando mi primer pag web con CSS y dreamweaver CS4.

las imagenes las estoy llamando todo directamente de CSS y todo esta bien y me mustra todo normal hasta el momento que le doy vista previa en IE, firefox o Chrome, toda la web me aprece en blanco la verdad nose que es, ya que sin vista previa veo todo bien.

espero pronto su ayuda gracias.

ACA HTML.

Código HTML:

Ver original<html>
<head>
 
<title>xpressive</title>
<link rel="stylesheet" type="text/css" href="/css/master.css" />
 
</head>
 
<body>
<div class="cuerpo">
<table class="menu">
  <tr>
    <td class="logo"></td>
    <td class="inicio"></td>
    <td class="acerca"></td>
    <td class="servicios"></td>
    <td class="portafolio"></td>
    <td class="contacto"></td>
  </tr>
</table>
 
<div class="flash" ></div>
</div>
</body>
</html>

aca el CSS

Código CSS:

Ver original*{background-color:#000;}
 
.cuerpo {background-image:url(../images/fondo.jpg); top:auto; width:100%; padding-top:70px;}
 
.logo{background-image:url(../images/logo.jpg); padding: 0; height:123px; width:390; background-repeat:no-repeat;}
 
.inicio{background-image:url(../images/inicio.jpg); height:121px; width:81; background-repeat:no-repeat;}
 
.acerca{background-image:url(../images/acerca.jpg);   height:121px; width:93; background-repeat:no-repeat;}
 
.servicios{background-image:url(../images/servicios.jpg);  height:121px; width:103; background-repeat:no-repeat;}
 
.portafolio{background-image:url(../images/portafolio.jpg);  height:121px; width:133; background-repeat:no-repeat;}
 
.contacto {background-image:url(../images/contacto.jpg);   height:121px; width:126; background-repeat:no-repeat;}
 
.flash{background-image:url(../images/flash.png); height:415px; width:886; background-repeat:no-repeat; margin-left:145px; margin-right:125px;}
 
.menu{background-color:#000; height:100%; width:100%;}

NoSeQueHacer · #2 (**permalink**) 18/02/2010, 08:26

Casi siempre es un problema de rutas, ve a la vista previa y mira el código fuente, ahí verás las rutas que realmente está tomando.

maycolalvarez · #3 (**permalink**) 18/02/2010, 09:34

Cita:

Iniciado por NoSeQueHacer

Casi siempre es un problema de rutas, ve a la vista previa y mira el código fuente, ahí verás las rutas que realmente está tomando.

NO, los navegadores por defecto impiden la impresión de los background e imágenes de fondo

es una configuración local por cada navegador y esta no se puede modificar ni mediante javascript ni con css

quizás pronto CSS3 lo implemente, pero por ahora no es un estándar disponible

la única solución vía código seria utilizar etiquetas <img />

JavierB · #4 (**permalink**) 18/02/2010, 10:07

Hola argoz1022. Bienvenido al foro.

Muevo tu tema al foro de CSS desde Web general.

Saludos,

argoz1022 · #5 (**permalink**) 18/02/2010, 10:12

bien gracias muchas gracias me sirvio lo de las rutas.
revise muy detalladamente y encontre esto:

Código HTML:

Ver original<link rel="stylesheet" type="text/css" href="/css/master.css" />
 
el correcto es:
<link rel="stylesheet" type="text/css" href="css/master.css" />

la solucin era quitar el "/" que estaba al inico de donde llamaba el CSS.

Muchas gracias a los que me respondieron ta pronto.