Anclar foto en el margen derecho de la ventana de una página web tras abrirla
Necesito hacer algo que no se como hacerlo, lo he visto en una página ya.com concretamente, aunque no sale todos los días. Necesito que al abrir una página de mi web salga una foto siempre pegada al la parte derecha de la ventana, y que cuando hagas más grande o más pequeña la ventana la foto se mueva para colocarse de nuevo en el borde derecho de la ventana. Bueno en mi caso quiero hacerlo con swf pero supongo que dará igual. Supongo que se hará metiendo la foto en una capa o algo así, pero no se como hacer que haga este efecto. Un saludo y gracias.
1 respuesta
Respuesta de cpdiaz
1
Lo más fácil es hacerlo con tablas:
<TABLE WIDTH="100%" BORDER=0>
<TR>
<TH ALIGN=LEFT>Izquierda</TH>
<TH ALIGN=RIGHT width="30%">Imagen a la Derecha</TH>
</TR>
<TR>
<TD ALIGN=LEFT>Aqui iría el resto del contenido a la izquierda</TD>
<TD ALIGN=RIGHT><img width="100%" src=image.gif></TD>
</TR>
</TABLE>
En este ejemplo la imagen (o lo que quieras alinear a la derecha) está siempre a la derecha ya además ocupa el 100% del ancho asignado a esa columna(30%) de tal forma que se va adaptando al tamaño de la ventana.
Espero que esto lo haya aclarado,
saludos
<TABLE WIDTH="100%" BORDER=0>
<TR>
<TH ALIGN=LEFT>Izquierda</TH>
<TH ALIGN=RIGHT width="30%">Imagen a la Derecha</TH>
</TR>
<TR>
<TD ALIGN=LEFT>Aqui iría el resto del contenido a la izquierda</TD>
<TD ALIGN=RIGHT><img width="100%" src=image.gif></TD>
</TR>
</TABLE>
En este ejemplo la imagen (o lo que quieras alinear a la derecha) está siempre a la derecha ya además ocupa el 100% del ancho asignado a esa columna(30%) de tal forma que se va adaptando al tamaño de la ventana.
Espero que esto lo haya aclarado,
saludos
La forma de hacer lo que comentas es utilizando marcos o tablas y definiendo su posición por medio de porcentajes, de tal manera que siempre crearás una columna a la derecha que se irá adaptando al tamaño de la ventana que la visualice. De esta forma también ordenarás mejor los elementos en pantalla.
Saludos,
cpdiaz
Saludos,
cpdiaz
No me has entendido, ya se como funcionan los marcos pero no es eso lo que quiero, pretendo que el borde derecho de la foto SIEMPRE este pegado al borde derecho de la ventana, y eso con marcos no se puede hacer.
Pues entonces tienes que definir la alineación de la imagen por medio del parámetro align="right".
