Foros del Web » Creando para Internet » CSS »

problema en vista previa

Estas en el tema de problema en vista previa en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/02/2010, 07:59
 
Fecha de Ingreso: octubre-2009
Mensajes: 6
Antigüedad: 8 años, 1 mes
Puntos: 0
problema en vista previa

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
  1.  
  2. <title>xpressive</title>
  3. <link rel="stylesheet" type="text/css" href="/css/master.css" />
  4.  
  5. </head>
  6.  
  7. <div class="cuerpo">
  8. <table class="menu">
  9.   <tr>
  10.     <td class="logo"></td>
  11.     <td class="inicio"></td>
  12.     <td class="acerca"></td>
  13.     <td class="servicios"></td>
  14.     <td class="portafolio"></td>
  15.     <td class="contacto"></td>
  16.   </tr>
  17.  
  18. <div class="flash" ></div>
  19. </div>
  20. </body>
  21. </html>

aca el CSS
Código CSS:
Ver original
  1. *{background-color:#000;}
  2.  
  3. .cuerpo {background-image:url(../images/fondo.jpg); top:auto; width:100%; padding-top:70px;}
  4.  
  5. .logo{background-image:url(../images/logo.jpg); padding: 0; height:123px; width:390; background-repeat:no-repeat;}
  6.  
  7. .inicio{background-image:url(../images/inicio.jpg); height:121px; width:81; background-repeat:no-repeat;}
  8.  
  9. .acerca{background-image:url(../images/acerca.jpg);   height:121px; width:93; background-repeat:no-repeat;}
  10.  
  11. .servicios{background-image:url(../images/servicios.jpg);  height:121px; width:103; background-repeat:no-repeat;}
  12.  
  13. .portafolio{background-image:url(../images/portafolio.jpg);  height:121px; width:133; background-repeat:no-repeat;}
  14.  
  15. .contacto {background-image:url(../images/contacto.jpg);   height:121px; width:126; background-repeat:no-repeat;}
  16.  
  17. .flash{background-image:url(../images/flash.png); height:415px; width:886; background-repeat:no-repeat; margin-left:145px; margin-right:125px;}
  18.  
  19. .menu{background-color:#000; height:100%; width:100%;}
  #2 (permalink)  
Antiguo 18/02/2010, 08:26
 
Fecha de Ingreso: octubre-2009
Mensajes: 111
Antigüedad: 8 años, 2 meses
Puntos: 2
Respuesta: problema en vista previa

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.
__________________
Frases de amor | Cartas de amor.
  #3 (permalink)  
Antiguo 18/02/2010, 09:34
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: problema en vista previa

Cita:
Iniciado por NoSeQueHacer Ver Mensaje
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 />
  #4 (permalink)  
Antiguo 18/02/2010, 10:07
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola argoz1022. Bienvenido al foro.

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #5 (permalink)  
Antiguo 18/02/2010, 10:12
 
Fecha de Ingreso: octubre-2009
Mensajes: 6
Antigüedad: 8 años, 1 mes
Puntos: 0
Solucion: problema en vista previa

bien gracias muchas gracias me sirvio lo de las rutas.
revise muy detalladamente y encontre esto:
Código HTML:
Ver original
  1. <link rel="stylesheet" type="text/css" href="/css/master.css" />
  2.  
  3. el correcto es:
  4. <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.

Etiquetas: previa, vistas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:57.