Foros del Web » Creando para Internet » CSS »

Imágenes

Estas en el tema de Imágenes en el foro de CSS en Foros del Web. Hola Tengo éste problemita, quiero cargar unas imágenes pero no me cargan, sin embargo el texto qué le pedí qué apareciera sobre las imágenes si ...
  #1 (permalink)  
Antiguo 05/07/2006, 17:16
Avatar de Shia  
Fecha de Ingreso: septiembre-2003
Mensajes: 202
Antigüedad: 14 años, 3 meses
Puntos: 0
Pregunta Imágenes

Hola

Tengo éste problemita, quiero cargar unas imágenes pero no me cargan, sin embargo el texto qué le pedí qué apareciera sobre las imágenes si aparece. Ahora lo curioso del asunto es qué si junto todo el código en un .html, colocando la parte de css dentro de <style> si funciona y carga las imagenes =S.

Alguien me suguiere porqué no funciona por separado, ¿tengo algo errado en el código?

Aquí dejo el contenido del .css y el .html.

Pd. las imagenes qué intento cargar todas están en el mismo directorio qué el .css y el .html. Gracias.

Tengo el archivo pp.css
Código:
/*m1 338x400*/ /*m2 162x400*/
body{
 background-color:#0000cc;
 color: #fff;
 font-family: verdana;
 font-size: 10px;
}

.izq{
 height:400;
 margin: 0px;
 vertical-align: center;
 background-image: url('m1.jpg');
 background-repeat: no-repeat;
}

.der{
 height: 400;
 margin: 0px;
 vertical-align: center;
 background-image:('m2.jpg');
 background-repeat: no-repeat;
}
Y el archivo .html

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link href="pp.css" rel="stylesheet" type="text/css" />
<title>Test</title>
</head>
<body>
<div class="izq"> hola</div>
<div class="der">hola</div>
</body>
</html>
__________________
I don't care
  #2 (permalink)  
Antiguo 05/07/2006, 17:39
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 13 años, 5 meses
Puntos: 4
Código:
.der{
 height: 400;
 margin: 0px;
 vertical-align: center;
 background-image: url('m2.jpg');
 background-repeat: no-repeat;
}
__________________
Internet Explorer SuckS
Download FireFox
  #3 (permalink)  
Antiguo 05/07/2006, 17:40
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.493
Antigüedad: 13 años, 9 meses
Puntos: 20
Fijate que el .der te olvidaste de poner el url. Ademas, proba sacando las comillas simples, que segun tengo entendido no son necesarias.
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
  #4 (permalink)  
Antiguo 05/07/2006, 17:52
Avatar de Shia  
Fecha de Ingreso: septiembre-2003
Mensajes: 202
Antigüedad: 14 años, 3 meses
Puntos: 0
Hola, gracias por responder.

Gracias SiR.CARAJ0DIDA, olvidé poner el url para la segunda imagen.

Cita:
Iniciado por K3NNY
... proba sacando las comillas simples, que segun tengo entendido no son necesarias.
Añadí el url, probé retirando las comillas simples, probé quitando el background por si pro alguna razón quedaba por ensima de las imagenes (aunque no debería), pero continuan sin cargar las imagenes =(.

Saludos, gracias.
__________________
I don't care
  #5 (permalink)  
Antiguo 05/07/2006, 18:13
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 13 años, 5 meses
Puntos: 4
esto es lo mismo pero mas corto:
background: url('m2.jpg') no-repeat;

y evidentemente si no te cargan tenes un problema con la ruta de las imagenes..

pd: height: 400px
__________________
Internet Explorer SuckS
Download FireFox
  #6 (permalink)  
Antiguo 05/07/2006, 19:27
Avatar de Shia  
Fecha de Ingreso: septiembre-2003
Mensajes: 202
Antigüedad: 14 años, 3 meses
Puntos: 0
Cita:
Iniciado por SiR.CARAJ0DIDA
...pd: height: 400px
Hola

Resultó qué le agregué el B]px[/B] y funcionó, pequeño detalle TT.

Otra duda, ahora qué se ven, quedan las imagenes alineadas una debajo de otra aunque en vertical-align haya colocado center, probé con top y los otros atributos pero siguen estando una debajo de la otra.

¿Cómo puedo colocarlas juntas?.

Muchas gracias, por la ayuda.

Pd. La imagen era una sola pero la partí en dos.

__________________
I don't care
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 19:16.