11/06/2004, 08:31
| |||
| |||
| colocacion de capa respecto a otro elemento -------------------------------------------------------------------------------- como puedo colocar una capa respecto a un elemento de la pagina? es decir, quiero colocar una capa exactamente a 20 pixeles a la derecha de una imagen, y quiero que esa distancia se mantenga en todas la resoluciones. gracias |
|
11/06/2004, 08:33
| |||
| |||
| colocacion de capa respecto a otro elemento (no tengo respuesta ) como puedo colocar una capa respecto a un elemento de la pagina? es decir, quiero colocar una capa exactamente a 20 pixeles a la derecha de una imagen, y quiero que esa distancia se mantenga en todas la resoluciones. |
|
11/06/2004, 09:00
| ||||
| ||||
| Puedes hacer varias cosas: - Puedes poner un margin-left a la capa de 20px y juntarla con la imagen - Puedes meter la imagen en otra capa y fijar la posición absoluta de ambas para que estén separadas 20px - Puedes meter la capa y la imagen en dos celdas consecutivas de una tabla con un cellpadding de 0px y un cellspacing de 20px (border 0 claro) y las que se irán ocuerriendo... Por cierto, has dejado pasar dos horas entre los mensajes. ¿No es poco tieeempo para poner eso de 'no tengo respuesta'?
__________________ Kelpie Última edición por Kelpie; 11/06/2004 a las 09:04 |
|
11/06/2004, 09:12
| |||
| |||
| no hay alguna forma de conseguirlo jugando en el ElementById en javascript, es decir coger el left de la imagen y sumarle un cantidad de pixeles a esa coordenada para que la capa siempre se halle a la misma distancia de la imagen? es que la soluciones que me has dado no las puedo aplicar debido a la complejidad de mi codigo |
|
11/06/2004, 09:14
| |||
| |||
| Usando Style=..... En la capa le pones a la propiedad position el valor relative y la pones despues de la imagen. La capa quedará relacionada con la posición de la imagen. Te pongo un codigo sencillito como ejemplo a ver si te sirve. <html> <head></head> <body> <img src="c:\File0003.jpg" width="100" height="150"> <div id="capa1" style="position:relative; left:150; top:0"> hola que tal </div> </body> </html> No se si esto es lo que pedias. Espero que vaya bien. Suerte.  Saludos |
|
11/06/2004, 09:35
| ||||
| ||||
| Hola Pues no hay problema si ya sabes que existe el getElementById, sabes los id de los dos objetos, sabes donde está el objeto inicial y sabes sumar y restar ¿cuál es tu problema? SOlo veo problemas si tu no has posicionado la imagen que quieres utilizar como referencia, pero eso también lo podrías averiguar con el getElementById y las propiedades top y left del objeto inicial. Bueno, ya nos aclararás el problema, porque parece que tienes todos los elementos para solucionar tu problema. Suerte Felicidad
__________________ ¡ hey, hou, hou, hey ! |
|
11/06/2004, 09:38
| ||||
| ||||
| Hola esto ya lo preguntaste en javascript, espera a obtener la respuesta dado que de hecho, se resuelve con eso. Además, aprovecho a preguntarte otra vez ¿cuál es tu problema para resolverlo si parece que sabes todo lo necesario? Felicidad
__________________ ¡ hey, hou, hou, hey ! |
|
11/06/2004, 09:45
| |||
| |||
| si no se mucho, espero que alguien me eche una mano porque estoy muy agobiado, es un problemos que deberia tener solucionado antes de fin de hoy. si alguien puede pasarme el codigo se lo agradeceria |
|
11/06/2004, 09:52
| ||||
| ||||
| Hola a todos, chusete, las soluciones que te ha propuesto Kelpie son las correctas y las más profesionales, además funcionan a la perfección en todos los navegadores (al menos en los que soportarn los estándares) No existe, que yo sepa, una propiedad que indique en que posición del documento se encuentra una imagen, salvo que esté posicionada mediante css, con lo cual estaríamos en las mismas, pues entonces se descolocaría la capa y la imagen al cambiar la resolución. Traslado el tema al foro de CSS y queda unido con el que duplicaste en ese foro. Por favor, no repitas la misma pregunta en distintos foros. Saludos |
|
11/06/2004, 10:06
| ||||
| ||||
| Hola, superModeradora. Hay una forma de saber la posición de una imágen, aunque no esté posicionada con css. document.getElementById('afoto').offsetLeft document.getElementById('afoto').offsetTop Saludos, |
|
11/06/2004, 11:16
| ||||
| ||||
| Prueba esto <img src="pepe.gif" width="123" height="85" /> <span id="pepe" style="position:absolute; width:200px; height:115px; z-index:1; background-color: #993333; margin-left: 20px;"></span> |
|
11/06/2004, 11:55
| |||
| |||
| tengo una imagen dentro de un <td> y quiero que al pulsar aparezca una capa que contiene una amplia table, y que se situe exactamente a unos 20 pixeles de esa imagen, tanto en 1024 como en 800 de resolucion. el problema es que si esa capa la pongo debajo de la imagen en estado hidden la tabla de me estropea, me reconoce esa capa y me crea un gran hueco, por lo que debo situar esa capa al final o al principio de body. hay alguna salida? otra pregunta, los id de las imagenes se reconocenen como el id de una div o dan problemas? gracias por vuestro interes, de veras |
|
11/06/2004, 12:06
| ||||
| ||||
| Cita: A ver, antes de recurrir a javascript para posicionar.... si la capa tiene un posicionamiento del tipo absoluto no ocupa espacio alguno junto a la imagen en la celda. No la coloques debajo de la imagen, colócala a continuación, no le des left ni top, ponla en invisible y usa el tag span en vez del tag div para esa capa. Pruebalo y si no te funciona te pongo una solución javascript, pero si se puede hacer con simple css es mejor que mejor el problema es que si esa capa la pongo debajo de la imagen en estado hidden la tabla de me estropea, me reconoce esa capa y me crea un gran hueco, por lo que debo situar esa capa al final o al principio de body.  |
|
11/06/2004, 12:56
| ||||
| ||||
| Entonces puedes usar lo que te propuso JavierB document.getElementById('idDeLaCapa').style.left = document.getElementById('idDeTuImagen').offsetLeft + anchodelaimagen + 20 + "px" |
