Tecnología

Inicio

Cómo hacer Pictures flotador en una página Web

May 22

La gente a menudo hacen que las imágenes flotan en una página web si ellos para ser vistos, especialmente los anuncios. A pesar de hacer imágenes flotan en una página Web no es difícil, requiere un conocimiento básico del desarrollo web y la codificación. Una imagen se puede flotar usando HTML o código CSS.

Instrucciones

Flotante con código CSS

1 Para hacer flotar la imagen a la izquierda, utilice el siguiente código:
img.floatLeft {

float: left;
margin: 4px;

}

2 Ajustar la configuración en el código. Por ejemplo, si usted no quiere un margen de 4 píxeles, cambiarlo a cualquier margen que desee mediante la sustitución del 4 con un número diferente.

3 Para hacer flotar una imagen a la derecha, utilice el siguiente código:
img.floatRight {

float: right;
margin: 4px;

}
Una vez más, el margen puede ser cambiado de la misma manera que fue cambiado en el paso 2.

Flotante con código HTML

4 Para hacer flotar una imagen de la izquierda de la página con HTML, escriba el siguiente código en tu editor de texto:
<Body>
<Img class = "floatLeft">
<P> Este es el texto de la imagen va a flotar alrededor </ p>

5 Vuelva a colocar el nombre del archivo de imagen, así como el texto en el código HTML. Si la imagen se guarda en un servidor, puede que tenga que incluir la ruta de imagen completa en la etiqueta <img src =>. Un ejemplo de una ruta de la imagen completa sería algo como "/ images / Mis Fotos / webpageimages / yourpicture.jpg."

6 Flotar una imagen en el lado derecho de la página incluyendo el código siguiente:
<Body>
<Img class = "floatRight">
<P> Este es el texto de la imagen va a flotar alrededor </ p>
Usted puede notar que el único cambio en el código está cambiando la "clase: desde floatLeft a floatRight.

Consejos y advertencias

  • El código CSS ofrece una mayor flexibilidad. El código HTML no permite al usuario cambiar el tamaño del margen.
  • Recuerde que debe probar la página web en su estado de vista previa antes de publicarlo. Esto es especialmente cierto cuando la experimentación con diferentes tamaños de pixel con el código CSS.