Curso
Turismo
Turismo gallego en las rias bajas y Pontevedra
<]|#|[>
Curso de hojas de estilo
<]|#|[>

FLOAT
se emplea con imagenes y tablas
para que el texto flote alrededor de ellas.
FLOAT: left; /*Alinea hacia la izquierda*/
FLOAT: right; /*Alinea hacia la derecha*/
FLOAT: none; /*Sin alineacion {por defecto}*/
Ejemplos de alineacion de imagenes:
IMG {float: left;
padding-left: 8px; margin-left: -10%;}
IMG {float: right;
padding-right: 8px; margin-right: -2.5em;}

Ejemplo en una pagina:
<html><head> <title>titulo</title>
<style>
img {float: right}
</style></head>
<body>
<img src= "imagen.gif"><br>
Aki va el texto, etc
</body></html>

Ejemplo de alineacion de texto flotante:
<DIV STYLE="float: left;
width: 40%;
margin-left: 10%;
margin-right: 5%;">
Este texto va a la derecha
</div> <br>
Este texto va a la izquierda;
<br>

Resultado de codigo de arriba:
Este codigo hace que todo el texto se haga un bloque flotante en el margen izquierdo y el texto siguiente flote pasando a la derecha.
Este es el bloque de texto siguiente que flota a la derecha.



Ejemplo con FLOAT: right;
de una imagen a la derecha
<img src="carpeta/imagen.jpg"
width=51 height=70 /*tamaño de la imagen*/
Style="padding: 1em; /*tamaño interior*/
FLOAT: right; /* imagen a la derecha */
border: 8px ridge aqua;/*clase borde*/">

Este codigo pone un borde
ridge azul de 8 pixeles de grosor
alrededor de una imagen.jpg
que tiene 51 largo por 70 de alto

Al curso de CSS
Al curso de ingles
Programas y juegos
Programas de idiomas
Atico y piso para verano
Verbos