| PrecedenteCaselle e bordi | Posizionare degli elementi con CSS | SeguenteProprietà CSS |
Il posizionamento assoluto {position: absolute} si determina in rapporto all'angolo superiore sinistro della finestra del navigatore. Le coordinate di un punto si esprimono quindi dall'alto in basso (top) e da sinistra a destra (left).
La posizione relativa si ha invece in rapporto ad altri elementi, come un immagine, cioè gli elementi contenuti nei tag. DIV o SPAN saranno posizionati secondo degli elementi HTML che li precedono.
 |
Posizioniamo il testo "Kioskea" a 80 pixels nella parte superiore della finestra e a 100 pixels a sinistra della finestra :
<HTML> <BODY> <SPAN style="position: absolute; top: 80 px; left: 100 px;">
Kioskea </SPAN> </BODY> </HTML>
Esistono altre procedure, come ad esempio :
<HTML>
<HEAD>
<STYLE>
<!--
.test{position: absolute; top: 80px; left: 100px; color: black; font-size: x-large}
-->
</STYLE>
</HEAD>
<BODY>
<DIV class=test>
Kioskea
</DIV>
</BODY>
</HTML>
Posizioniamo l'immagine "test.jpg" a 80 pixels nella parte superiore della finestra e a 100 pixels a sinistra della finestra (l'immagine sarà 103x61) :
<HTML> <BODY> <SPAN style="position: absolute; top: 80 px; left: 100 px;width: 103px; height: 61px"> <IMG SRC="test.jpg" > </SPAN> </BODY> </HTML>
E' importante specificare la dimensione dell'immagine con i fogli di stile, per evitare le incompatibilità con i navigatori.
Sovrapposizioniamo il testo "Kioskea" all'immagine "test.jpg":
<HTML> <BODY> <SPAN style="position: absolute; top: 30 px; left: 100px;width: 103px; height: 61px"> <IMG SRC="test.jpg" > </SPAN> <SPAN style="position: absolute; top: 50 px; left: 100 px;"> Kioskea </SPAN> </BODY> </HTML>
E' inoltre possibile sovrapposizionare degli elementi di testo, nonché delle immagini.
Ultime modificazione ilvenerdì 6 febbraio 2009 alle 16:51:57.
Aumentare partizione con so installato Cambiare finestra con la tastiera Che fare con le pagine facebook che non si aprono Codec per vedere film stream con media player Come faccio a mettere i video sulla psp con il programma format factory Come faccio a ripristinare una copia di beckup con windows Come faccio a scrivere dei documenti con vista Come installare una scheda video in una scheda madre con scheda grafica integrata Come montare delle foto con musica Come posso vedere i videi su internet con il mio cell Come vedere la rete sulla barra con linux Come visualizzare mjpeg audio e video con windows media player Connettere 2 pc con vista Convertire file wma in mp3 con audacity Creare dvd con file avi Download solo in italiano per kaspersky anti-virus con licenza free e non in prova Partizionare disco con disco avvio e dati Perchè non vedo i video con adobe flash