¿Como podria solucionarlo?

| |||
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? ![]() |
| |||
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. |
| |||
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. |
Etiquetas: |