Alinear dos imagenes

leinad256 · #1 (**permalink**) 29/09/2004, 11:06

no puedo creer que CSS sea mas complicado que OOP....

me acoste tarde ayer (y llevo parte de la manana de hoy) tratando de hacer que en una pagina, donde tengo dos imagenes, una quede centrada tanto horizontalmente, como verticalmente (estoy ya lo logre, creo) y la otra quede centrada horizontalmente, pero que verticalmente siempre se halle en la parte inferior del navegador..en bottom

me pueden dar una pista?
ahora si ya no se que hacer...muchas gracias!

kemie · #2 (**permalink**) 29/09/2004, 14:23

centrar horizontal y vertical:
http://www.wpdfd.com/editorial/thebox/deadcentre4.html

para alinear algo a la parte de abajo:

html, body{
height:100%}
#miiimagen{
position: absolute;
bottom: 0px;
}

y luego <img src="blablabla" alt="bla" id="miimagen">

leinad256 · #3 (**permalink**) 29/09/2004, 15:02

a ver....ya logre que se quedara centrado todo donde debe. Ahora la bronca es que se me estan encimando las imagenes...y no debe pasar asi.

el codigo que uso es este:

Código HTML:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>Proximamente</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<style media="all" type="text/css">
html, body{
 	height:100%
}
body {
	background: black;
	margin: 0 0 0 0;
}
#centro {
 	position:absolute; 
 	top:50%; 
 	left:50%; 
 	width:482px; 
 	height:450px; 
 	margin-left:-241px; 
 	margin-top:-225px; 
 	bottom:0px;	
 }
#logo { 
	position:absolute;
 	width:100%; 
 	height:166px; 	 
 	bottom:0px;	
 	text-align:center;
}
</style>
<div id="centro">
<img src="centro.jpg" alt="centro" width="481" height="450"  />
</div>
<div id="logo">
<a href="http://flashformexico.org"><img src="logo.jpg" alt="centro" width="481" height="165" /></a>
</div>
<body>
</body>
</html>

odio el CSS...ya ayer me llego el libro de erick meyer, voy tener que ponerme a estudiar.

gracias kemie, ojala nos podamos ver en el FFM!!

kemie · #4 (**permalink**) 30/09/2004, 01:20

a mi no se me enciman... pero es dificil saber sin ver las imagenes... si me pasas un link puedo ver que onda...

leinad256 · #5 (**permalink**) 30/09/2004, 09:46

ahi va...

http://tangamampilia.net/ffm/

ahora lo raro...en firefox se ve un recuadro de color morado alrededor de de la imagen de abajo....

hijoles...que complicado es el CSS

gracias Kemie

kemie · #6 (**permalink**) 30/09/2004, 11:29

jeje, es cuestion de agarrarle el hilo.

hm, el problema es que la imagen de arriba esta centrada con respecto a TODA la ventana, no con respecto al espacio entre el borde superior de la pagina y la imagen de abajo, por lo que cuando tienes una resolucion pequeña, pues no hay suficiente espacio entre las imagenes. Yo te recomendaria en vez de alinear la imagen de abajo al borde inferior de la pantalla, simplemente ponerlo debajo de la otra imagen....

y el borde, intenta
a img{
border:0;}