Barnet Flotante

Ya vimos como colocar una imagen firme pero esta vez veremos como colocar una imagen flotante
(que no se mueva junto con la pgina). Es igual de sencillo y solo necesitas utilizar este cdigo...
<img src="URL de tu imagen" style="position: fixed; top: 0px; right: 0px;" alt="" /> Nuevamente lo que est en rojo tienes que cambiarlo por la URL de tu imagen.Top y right dan la ubicacin a la imagen y pueden tomar los valores: bottom, left y center
Imgenes flotantes
Usando una combinacin de los atributos dentro de la etiqueta IMG, puedes conseguir una disposicin de las imgenes y los textos atractiva y dinmica. Mientras que las tablas y las hojas de estilo son posiblemente las formas ms sofisticada de conseguir este propsito, tambin esta tcnica es perfectamente vlida. Para hacer "flotar" a las imgenes, primero debes alinearla. A no ser que quieras tener la imagen en la izquierda, la cual es normalmente la posicin por defecto, debes usar el atributo align para usar esta tcnica. <HTML> <HEAD> <TITLE>Imagen flotante y texto dinmico: izquierda</TITLE> </HEAD> <body> <IMG src="images/bander.gif" width="86" height="59" border="0" align="left" alt="Dibujo de una bandera"> En esta pequea pgina web te servir de ejemplo para ver cmo una imagen puede pasar a ser flotante, de forma que el texto dinmicamente se recoloque por la pantalla del navegador, y as haya una disposicin precisa y clara de todos los elementos en pantalla, creando a la vez interesantes efectos estticos, siempre y cuando est de acuerdo con el diseo de la pgina, que intentaremos que sea lo ms armonioso y agradable a la vista que podamos o que est a nuestro alcance, dependiendo tambin del contenido de la pgina. El diseo y el contenido de una WEB deben ir parejos, uno depende del otro, eso nos asegurar el xito de nuestro sitio web. </body> </HTML>

Barnet Flotante

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Barnet Flotante

Cargado por

Copyright:

Formatos disponibles

Ya vimos como colocar una imagen firme pero esta vez veremos como colocar una imagen flotante

También podría gustarte