Imágenes

Shia · #1 (**permalink**) 05/07/2006, 16:16

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>

SiR.CARAJ0DIDA · #2 (**permalink**) 05/07/2006, 16:39

Código:

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

K3NNY · #3 (**permalink**) 05/07/2006, 16:40

Fijate que el .der te olvidaste de poner el url. Ademas, proba sacando las comillas simples, que segun tengo entendido no son necesarias.

Shia · #4 (**permalink**) 05/07/2006, 16:52

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.

SiR.CARAJ0DIDA · #5 (**permalink**) 05/07/2006, 17:13

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

Shia · #6 (**permalink**) 05/07/2006, 18:27

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.