CSS/Posizionamento: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
G4 (discussione | contributi) / |
mNessun oggetto della modifica |
||
Riga 11:
Per posizionare un elemento rispetto agli elementi della pagina secondo quanto previsto dal puro HTML, usiamo la proprietà '''position''' con questi valori:
*'''static''' (valore di default per quasi tutti gli oggetti HTML)
*'''relative''': l'elemento è posizionato
<source lang=css>
b {position: relative; top: -5px;}
Riga 17:
Con questo codice, tutti gli elementi bold appariranno spostati di 5 pixel verso l'alto rispetto alla linea del paragrafo.<br/>
In particolare:
* '''top''' indica la distanza del bordo superiore dell'oggetto
* '''bottom''' indica la distanza del bordo inferiore dell'
* '''left''' indica la distanza del bordo sinistro dell'
* '''right''' indica la distanza
== Posizionamento assoluto e fisso ==
Per posizionamento assoluto (dal latino ''ab solutum'', sciolto dal resto) o fisso si intende un posizionamento che non segue il flusso degli elementi. È fissato tramite la proprietà <code>position</code> con l'uso dei valori:
*'''absolute''': l'elemento è posizionato rispetto al suo blocco contenitore (
*'''fixed''': l'elemento è posizionato rispetto alla finestra sempre tramite le quattro proprietà left, right, top e bottom e non è legato
<source lang=css>
div.bann {
position: fixed;
bottom: 0px;
right: 0px;
}
</source>
mostra l'elemento fisso nell'angolo in basso a destra dello schermo (
== Usare il floating ==
| |||