Definizione
Un modo elegante per realizzare impagninazioni di elevato livello è quello di usare le etichette (tag) [[table]]. L'esempio riportato sotto impiega l'attributo style per la tabella intera, ma anche per alcune celle particolari al fine di ottimizzare la disposizione sulle pagine che utilizzano l'etichetta (tag) [[row]] et [[cell]]
Questo esempio è preso dal sito http://snippets.wikidot.com/ (cercare = table layout …): si tratta di un esempio eccellente.
In questo esempio abbiamo provato a realizzare un'impaginazione contenente due celle verticali separate, opposte ad una cella unica; abbiamo risolto il problema inserendo una seconda tabella in una singola cella.
1. Le istruzioni
[[table style="margin: 0 10px;"]]
[[row]]
[[cell style="padding: 10px; background-color: #DDDDEE; border: 1px solid silver; width: 40%;"]]
+++ esempio di cella
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.....
[[/cell]]
[[cell style="padding: 10px; background-color: #DDEEDD; border: 1px solid silver;width: 40%;"]]
+++ Un altro esempio di cella
bLA bLA ! Vivamus pharetra posuere sapien. Nam consectetuer....
[[/cell]]
[[/row]]
[[row]]
[[cell style="padding: 10px; background-color: #DDEEDD; border: 1px solid silver"]]
[[table style="padding: 0px; margin: 0 0px; width: 100%"]]
[[row]]
[[cell style="padding: 0px; background-color: #DDEEDD; border: 1px solid "]]
@@ @@
+++ ancora una cella sinistra (1)
Suspendisse id velit vitae ligula volutpat condimentum. ....
[[/cell]]
[[/row]]
[[row]]
[[cell style="padding: 0px; background-color: #DDEEDD; border: 1px solid "]]
@@ @@
+++ cella (2)
Nam magna enim, accumsan eu, blandit sed, blandit a, eros....
[[/cell]]
[[/row]]
[[/table]]
[[/cell]]
[[cell style="padding: 10px; background-color: #DDDDEE; border: 1px solid silver"]]
+++ Cella unica di destra 3
Nam magna enim, accumsan eu, blandit sed, blandit a, eros...
[[/cell]]
[[/row]]
[[/table]]2. Il risultato
esempio di cellaLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. |
un altro esempio di cellabLA bLA ! Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros. |
||
|
Cella unica di destra 3Nam magna enim, accumsan eu, blandit sed, blandit a, eros. Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. |
Copiato da helmuti_pdorf does not match any existing user name dal sito http://snippets.wikidot.com/
Letture istruttive:
Layout with tables
tabs
Mimic Colspan With Multiple Tables
Help | Terms of Service | Privacy | Report a bug | Flag as objectionable
Powered by Wikidot.com
