Site hosted by Angelfire.com: Build your free website today!
Home Page
Guida Html
Introduzione CSS
Sommario
Tutorial
Usabilità
Contatti
Design
Allineamenti e Righe orizzontali

Alineare testi ed immagini

Le righe orizzontali

Se vogliamo affiancare il testo a destra, sinistra al top o alla base di un'immagine:

<img src=nome.gif alt=immagine align=right>

Il testo si affianca alla destra dell'immagine.

Esempio pratico

A sinista:

<img src=nome.gif alt=immagine align=left>

Esempio pratico

Al top dell'immagine con >align=left valign=top>

<img src=nome.gif alt=immagine align=left valign=top>

Esempio pratico

Alla base dell'immmagine

<img src=nome.gif alt=immagine align=left valign=bottom>

Esempio pratico

Inserendo questo commando <align=right valign=top> Si possono posizionare testi ed immagini al top, alla base e nel mezzo

< align=right valign=top>

<align=left valign=bottom>

<align=left valign=middle>

Con <div align=center> <img src=nome.gif alt=immagine> si possono inserire immagini, ma anche testi, al centro, a destra, e a sinistra </div>

Con "HR" possiamo creare delle linee orizzontali:

<hr width=100%>


Nell'esempio sopra la lunghezza è in percentuale, ma si puo stabilire anche in pixel;si puo dare uno spessore e un colore:

<hr width=400 size=3 color=#0000ff>


<hr width=550 size=7 color=#ff0000>


Home Page Introduzione ai CSS Sommario Tutorial Corel Usabilit Contatto Vai avanti Torna indietro Sommario