Foros del Web » Creando para Internet » CSS »

Problema alineacion imagen en div o redimension

Estas en el tema de Problema alineacion imagen en div o redimension en el foro de CSS en Foros del Web. Tengo un problema a la hora de ajustar una imagen. Uso dreamweaver, y estoy haciendo unas pruebas, he puesto una imagen de una barra ancha ...
  #1 (permalink)  
Antiguo 08/04/2010, 03:56
 
Fecha de Ingreso: abril-2010
Mensajes: 33
Antigüedad: 14 años
Puntos: 0
Problema alineacion imagen en div o redimension

Tengo un problema a la hora de ajustar una imagen. Uso dreamweaver, y estoy haciendo unas pruebas, he puesto una imagen de una barra ancha y encima otra de un recuadro, si centro la barra con la opcion "alinear al centro" al verlo en el explorador se respeta todo los bordes que quedan en los extremos aunque ajuste el tamaño del navegador, asi es como lo quiero. El problema que tengo es que para ajustar de esa manera el recuadro solo tengo 3 opciones izquierda, centro y derecha y no me sirven porque la quiero ajustar en un punto exacto, y ademas lo quiero hacer todo en CSS. He probado varias cosas y hay a veces que consigo poner la imagen donde quiero pero al cambiar de tamaño la ventana la imagen se queda estatica no se mueve ni nada.

¿Como podria solucionarlo?
  #2 (permalink)  
Antiguo 08/04/2010, 04:46
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 8 meses
Puntos: 20
Respuesta: Problema alineacion imagen en div o redimension

Buenas,

para poner un div en un sitio concreto puedes usar o bien la propiedad margin-left, margin-right, o bien usar posiciones relativas (relative).

Aqui encontraras información detallada: http://www.librosweb.es/referencia/css/index.html

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 09/04/2010, 02:32
 
Fecha de Ingreso: abril-2010
Mensajes: 33
Antigüedad: 14 años
Puntos: 0
Respuesta: Problema alineacion imagen en div o redimension

he conseguido que la parte de arriba, #contenedor y #contenedor2 realizen la funcion que quiero, pero los otros 2 restantes al cambiar el tamaño de la ventana se desplazan pero se alinean al centro.

Código:
#contenedor {
    width:1250px;  
    height: 40px;
    border:3px ridge #CCCCCC; 
    background-color: #00CCFF;
    margin:-11px auto; 
    text-align:left; 
}

#contenedor2 {
    width:900px; 
    height: 60px;
    border:3px solid #EBEBEB; 
    background-color: #EFEFEF;
    margin:11px auto;  
    text-align:left; 
	}
	
	
#contenedor3 {
        width: 250px; 
	height: 60px;
	background-color: #EFEFEF;
	margin: 20px auto;
	margin-right: 180px;
	
}

#contenedor4 {
        width: 242px; 
	height: 150px;
	background-color: #FFFFFF;
	border:3px solid #F9F9F9;
	margin: -7px auto;
	margin-right: 180px;
}

Última edición por netweb; 09/04/2010 a las 02:34 Razón: Error al introducir codigo.
  #4 (permalink)  
Antiguo 10/04/2010, 06:41
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: Problema alineacion imagen en div o redimension

Hola:

Cita:
Iniciado por netweb Ver Mensaje
El problema que tengo es que para ajustar de esa manera el recuadro solo tengo 3 opciones izquierda, centro y derecha y no me sirven porque la quiero ajustar en un punto exacto, y ademas lo quiero hacer todo en CSS.
¿Has probado a posicionar los elementos con % en lugar de px?

Saludos.


Etiquetas: ajustar, resolución
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:37.