Foros del Web » Creando para Internet » CSS »

Imagenes

Estas en el tema de Imagenes en el foro de CSS en Foros del Web. Buenas como va? Miren tengo que hacer una portada de una pagina con dos imagenes una imagen tiene que ocupar una parte y la otra ...
  #1 (permalink)  
Antiguo 20/08/2010, 12:38
Avatar de facurouss  
Fecha de Ingreso: enero-2010
Mensajes: 101
Antigüedad: 7 años, 10 meses
Puntos: 0
Imagenes

Buenas como va?
Miren tengo que hacer una portada de una pagina con dos imagenes una imagen tiene que ocupar una parte y la otra imagen la otra, no importa el tamaño digamos se tienen que acomodar solas en cualquier resolucion del monitor.
No se me ocurre como hacerlo si me pudieran dar una manito se los agradeceria.
:)
  #2 (permalink)  
Antiguo 20/08/2010, 13:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Imagenes

Aquí se mencionó una forma de las mil posibles.
Pero es demasiada imprecisa y genérica su consulta como para sugerir alguna forma mínimamente ajustada a sus necesidades.

Atentamente

Editado:
Mis disculpas, por alguna razón no publiqué el enlace que debería estar en la palabra "aquí". El ejemplo que pretendía mostrarle era un tema de hace escasos días donde hablamos de colocar una imagen al body y otra al html (como fondos vía css)

Última edición por kseso?; 22/08/2010 a las 14:36
  #3 (permalink)  
Antiguo 21/08/2010, 02:34
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Imagenes

Hola:

Cita:
Iniciado por facurouss Ver Mensaje
No se me ocurre como hacerlo si me pudieran dar una manito se los agradeceria.
:)


Saludos.

  #4 (permalink)  
Antiguo 21/08/2010, 18:58
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 6 meses
Puntos: 44
Respuesta: Imagenes

Hola facurouss

Está claro, como dicen mis dos compañeros (kseso? y jomaruro), que plantear preguntas tan ambiguas es poco menos que renunciar de antemano a cualquier ayuda.

Sólo con el ánimo de darte algo para que pienses (y trabajes) y logres realizar tu propuesta, te dejo este código:

Código HTML:
<!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">

<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<title>Sin título 1</title>
<style type="text/css">
* {
	margin: 0; 
	padding: 0;
	position: relative;
}
html, body {
	width: 100%;
	height: 100%;
	overflow: auto;
}
#foto1 {
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
}
#foto2 {
	width: 50%;
	height: 100%;
	float: right;
	overflow: hidden;
}
.foto {
	width: 100%;
	height: 100%;
}
.comentario {
	position: absolute;
	top: 0; left: 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 10px;
}
.coloc {
	margin-top: 15px;
	display: block
}
</style>
</head>

<body>
<div id="foto1"><img class="foto" alt="" src="foto1.jpg" /></div>
<div id="foto2"><img class="foto" alt="" src="foto2.jpg" /></div>

<div class="comentario">Esta composición siempre se verá con dos imágenes (de cualquier tamaño*) y cada imagen ocupará la mitad exacta del ancho de la pantalla y todo el alto de la pantalla  en cualquier resolución de monitor.<br />
<span class="coloc">* Las imágenes deben ser de la suficiente calidad y tamaño para que no pierdan en los monitores de gran resolución. Hay que considerar la deformación más o menos grave de las imágenes, dependiendo de la resolución y proporción del monitor. Deirdre para Foros del Web (www.forosdelweb.com)</span>
</div>
</body>

</html> 
También lo he dejado en este enlace con dos imágenes de cierta calidad y puedes ver el resultado.

Saludos
  #5 (permalink)  
Antiguo 23/08/2010, 12:25
Avatar de facurouss  
Fecha de Ingreso: enero-2010
Mensajes: 101
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Imagenes

deirdre justo eso era lo que buscaba muchas gracias

Etiquetas: imagenes
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 10:47.