CSS/Posizionamento: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Diablo (discussione | contributi)
m Annullate le modifiche di 80.104.232.187, riportata alla revisione precedente di Simmyg89
Ramac (discussione | contributi)
m fixed
Riga 7:
</div>
 
Il selettore utilizzato è '''position''' che può assumere i seguenti valori:
 
L'elemento che si utilizza è :
 
* '''position'''
 
 
Le proprietà di '''position''' sono :
 
* '''static'''
Line 29 ⟶ 23:
<br/><br/>
== Posizionamento fisso -- fixed ==
Il posizionamentovalore fissofixed permette di fissareimpostare la posizione di un oggetto allanella pagina indipendentemente dallo scorrere di questa.
 
Per indicare al browser la posizione dell'oggetto è necessario usare i selettori:
Il posizionamento fisso permette di fissare un oggetto alla pagina indipendentemente dallo scorrere di questa.
* '''top''' che indica la distanza del bordo superiore dell'ogetto e il bordo superiore della pagina
 
* '''bottom''' che indica la distanza del bordo inferiore dell'ogetto e il bordo inferiore della pagina
 
* '''left''' che indica la distanza del bordo sinistro dell'ogetto e il bordo sinistro della pagina
Per decidere le distanze dai bordi a cui gli oggetti devono essere posizionati si utilizzano i tag :
* '''right''' che indica la distanza del bordo destro dell'ogetto e il bordo destro della pagina
 
* '''top'''
* '''bottom'''
* '''left'''
* '''right'''
 
 
Per esempio per posizionare una immagine nell'angolo in alto a sinistra
 
Per esempio per posizionare una immagineelemento nell'angolo in alto a sinistra è possibile usare il seguente spezzione di codice
<!--
<html>
<head>
<title>CSS fixed</title><br/>
<style type="text/css">
.alto_sinistra { -->
position: fixed; top: 0px; left: 0px; }
<!--}
</style><br/>
</head>
Line 53 ⟶ 45:
<img class="alto_sinistra" src="IMMAGINE" /><br/>
</body>
</html>-->
 
In questo modo l'immagine compare ''staccata'' dal bordo sinistro di 0''px'' e dal bordo superiore di 0''px''
 
[[Categoria:Linguaggio CSS|Posizionare gli elementi nella pagina]]