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]]
