come già affrontato a lezione, vi propongo le linee guide per quanto riguarda la posizione degli elementi nella pagina.
http://www.html.it/pag/14234/display-impostare-la-presentazione-di-un-elemento/
Tramite questo link, accederete alla lezione 21 della guida CSS: in questa sezione sono illustrate le caratteristiche della proprietà DISPLAY, che serve per controllare con i CSS il modo in cui un elemento viene reso dal browser.
La sintassi della proprietà è la seguente: selettore { display: valore;} il cui valore può essere espresso solo tramite parole chiave. Accedendo al link, in fondo alla pagina, troverete una tabella dei valori più utili ed usati, come ad esempio block oppure inline.
http://www.html.it/pag/42450/float-e-clear/
Questo secondo link, vi propone due elementi essenziali per costruire layout basati sui CSS, inseriti nella lezione 22.
La prima è la proprietà FLOAT, che rimuove un elemento dal normale flusso del documento e lo sposta su uno dei due lati del suo elemento contenitore.
La sintassi generale è: selettore { float: valore;}.
Importante è il fatto che ogni elemento dichiarato float, viene reso automaticamente con la proprietà display: block, per tale ragione, se non dichiarato attraverso dimensioni esplicite, assumerà la dimensione orizzontale massima per il suo contenuto, e quella verticale necessaria.
La seconda proprietà corrisponde a CLEAR, che spesso viene applicata ad un elemento successivo ad uno reso float, per impedire che questo subisca il float. Questa proprietà si applica solo agli elementi blocco e la sintassi di base è: selettore { clear: valore;}.
http://www.html.it/pag/14235/posizionamento-degli-elementi/
La lezione 23 della guida CSS, sopra linkata, tratta della proprietà POSITION, che determina la modalità di presentazione di un elemento sulla pagina. Tra i vari valori che le si possono attribuire e che ritrovate nella guida, molto importante è quello relative. Con il posizionamento relativo che applica la sintassi: selettore { position: relative;}, si modifica la posizione naturale di un elemento traslandola attraverso l'uso di vere e proprie traslazioni, identificate con le proprietà di top, left, bottom o right.
Il link di riferimento a queste proprietà è il seguente http://www.html.it/pag/14236/gestione-della-posizione/, che vi indirizzerà direttamente alla lezione 24.
