Imagenes en mi web

ramirodiaz1 · #1 (**permalink**) 29/12/2010, 15:34

hola, necesito ayuda de alguien, se que es una tonteria pero no puedo hacerlo, yo tengo una imagen y la pongo en mi web dentro de una etiqueta div, todo bien, pero si veo la pagina en diferentes monitores la imagen de desplaza sola y queda mal, me podrian ayudar para saber como puedo hacerlo? muchas gracias!

maycolalvarez · #2 (**permalink**) 29/12/2010, 15:40

¿a que te refieres con que se desplaza?

darksitoo · #3 (**permalink**) 29/12/2010, 16:24

tu la haces en una div flotante, y las div flotantes tienen una cordenada especifica.

te recomiendo usar tablas, no a porcentajes, usa la medida pixel (px).

JMS · #4 (**permalink**) 29/12/2010, 16:31

Bueno creo que depende mucho de la pregunta que haces que la dejaste a medias, es decir como se desplaza y un detalle más como la quieres tu, porque puede ser que la quieras en una posicion o que se amolde al tamaño de la resolucion con la cual ven tu sitio, podrias definirlo mejor...

ramirodiaz1 · #5 (**permalink**) 29/12/2010, 17:24

claro, osea yo inserto una etiqueta div desde el dreamweaver y pongo la imagen dentro y la muevo como yo quiero, todo perfecto pero despues cuando ingreso desde otras pc que tienen diferentes monitores se ve en otra posicion, sobre los textos y esas cosas, y quiero saber si hay algun metodo para ingresarla y que mantenga el mismo lugar siempre.

darksitoo · #6 (**permalink**) 29/12/2010, 19:14

mira no uses div flotantes, si bas a usar div flotantes tiene que pensar mucho matematicamente.

y ver el codigo que les asigno eldreamweaver, puede ser en diferentes valores. se recomienda que todas esten en pixeles "px", y no en porcentajes ya que el porcentaje modificara donde se encuentra.

verifica el codigo! y si no puedes usar la logica matematica, se recomienda usar tablas y div normales osea <div>,

si usas logica matematia dejalo asi: (no en porcentajes) -> verifica lo que esta en negrita que no este en porcentaje
#apDiv1 {
position:absolute;
left:45px;
top:72px;
width:184px;
height:125px;
z-index:1;
}

si no usas la logica matematica simplemente en el codigo CSS haslo asi:

#apDiv1 {
width:184px;
height:125px;
}

Webs_DS · #7 (**permalink**) 29/12/2010, 20:40

Hola,,
Lo mejor es que pegues tu codigo de tu div aqui,, asi te podremos ayudar mejor,, pero desde ya te digo que uses un ancho y alto de cada div,, asi se podrá ver mejor en TODOS los navegadores,, ;)

Saludos,,
D.S.

ramirodiaz1 · #8 (**permalink**) 29/12/2010, 22:19

<body>

<div id="apDiv1"><img src="images/leofoto.png" alt="" width="190" height="190" /></div>

ese es el DIV es un div pa y lo muevo para todos lados pero en distintas pc cambia de posicion.

jomaruro · #9 (**permalink**) 30/12/2010, 05:08

Hola:

Cita:

Iniciado por darksitoo

te recomiendo usar tablas, no a porcentajes, usa la medida pixel (px).

Es una autentica aberración recomendar que se maquete con tablas, no se hicieron para eso.

Cita:

Iniciado por ramirodiaz1

ese es el DIV es un div pa y lo muevo para todos lados pero en distintas pc cambia de posicion.

Si es un div con posicion absoluta, se colocará en la posición que le indiques con respecto a su padre siempre y cuando este tenga posición relativa, de lo contrario se posicionará con respecto a las coordenadas 0,0 del navegador (esquina superior derecha).

Para entender mejor como funciona el posicionamiento CSS, léete la pequeña guía de migración (Migración sin dolor) que Mikmoro a aportado al foro de CSS, sobre todo el apartado de la colocación de los elementos.

Saludos.

Webs_DS · #10 (**permalink**) 30/12/2010, 11:26

La verdad que no entiendo que mismo quieres,, lo siento :(
Lo poco que entendi, alomejor le pones un float:left, y ya inicialmente te sale la imagen a la izquierda. Sorry, no entendi bien tu problema..

Saludos,,
D.S.