Introduzione alle Div

Una div (division) è un elemento HTML. Questa è la definizione tecnica. Per una persona comune una box è qualcosa che si può usare per realizzare pagine Wiki avente un layout a livello avanzato (questo in teoria).

Box

La div crea una box (scatola) alla quale si può aggiungere il codice CSS disponibile in linea. Per mostrare la box, qui trovate una div col bordo:

[[div style="border:1px solid #000;width:100px;height:100px;"]]
box
[[/div]]

Le istruzioni in codice mostrate sopra creeranno la seguente figura :

box

Box dìinformazioni basata su div 1

Si possono realizzare box di informazioni utilizzando delle div, ecco un esempio con 2div incastrate.

Intestare la box

contenuto
contenuto
contenuto
contenuto

[[div style="background-color:#EEE;border:1px solid #000;width:200px;"]]
[[div style="background-color:#000;color:#FFF;font-weight:bold;padding:5px;"]]
= Intestare la box
[[/div]]
[[div style="padding:5px"]]
[[=]]
contenuto
contenuto
contenuto
contenuto
[[/=]]
[[/div]]
[[/div]]

Box d'informazioni galleggiante con tabelle 2

Box di informazioni
Titolo un po' di testo
Titolo un po' di testo
Titolo un po' di testo

Come si può vedere, questo testo aggira la box di informazioni che sembra galleggiare a destra; questo testo serve unicamente come dimostrazione del principio.

[[div style="float:right;text-size:80%;margin-left:1%width:35%"]]
||||~ Box di informazioni||
|||| ||
||~ Titolo || un po' di testo ||
||~ Titolo || un po' di testo ||
||~ Titolo || un po' di testo ||
[[/div]]

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License