Newsgroup: it.lavoro.professioni.webmaster
Titolo: css e tabelle

ma che c'e' di male ad usare le tabelle html? ho letto in giro (mi sembra
anche il w3c lo consiglia) di non usare le tabelle ma i css e i div
<cit author=".·°^°·.Elena.·°^°·." thread="Sito Silvia Costa">
Ahhh, che bello, finalmente un sito senza tabelle e con css divs etc di qua
e di là!:-)))))))))
</cit>
qual'e' il motivo?
grazie mille e un saluto a tutti ;-).

"Reny"
boh io ti dico la mia, le tabelle:
- Sono rognose sopratutto perchč devi usare gli "spacer" per allugarle e
allargarle e personalmente quel cavolo di spacer mi da spesso molto
fastidio.
- Se cambi idea non devi cambiare tutto ma solo un file (la solita vecchia
storia)
- Il codice č piů leggero
- fa molto fico e sui ng converti le ingiingiurie in complimenti :-D
il resto lo lascio a chi ne sa piů di me....
...ossia a chi ne sa :-/
Francesco

 ha scritto nel messaggio
news:Vs0Wd.61982$QG6.1...@twister2.libero.it...
:
: "Reny"
:
: boh io ti dico la mia, le tabelle:
: - Sono rognose sopratutto perchč devi usare gli "spacer" per allugarle e
: allargarle e personalmente quel cavolo di spacer mi da spesso molto
: fastidio.
: - Se cambi idea non devi cambiare tutto ma solo un file (la solita vecchia
: storia)
: - Il codice č piů leggero
: - fa molto fico e sui ng converti le ingiingiurie in complimenti :-D
:
Quoto, tranne l'ultima!:-P
--
Elena
 "Silently she walks..."

 - fa molto fico e sui ng converti le ingiingiurie in complimenti :-D
Ma scusa, puoi usare i CSS anche con le tabelle...
per allargarle puoi farlo da CSS. Perchè i DIV? C'è qualche utilità 
particolare?
-- 
oscare
www.leveldesign.it
 

 qual'e' il motivo?
Aggiungo in ordine sparso a ciò che correttamente ha detto Francesco:
Le tabelle sono destinate a rappresentare dati in forma appunto tabellare,
cioè a visualizzare dati coerenti lungo righe o colonne.
Usando le tabelle per disporre sulla pagina elementi visuali e non dati si
fa un utilizzo scorretto del tag <table>.
Per questo motivo molti browser testuali e/o vocali possono trovarsi in
grande difficoltà quando si tratta di rappresentare correttamente pagine
impaginate con tabelle, per non parlare dei telefonini.
Inoltre utilizzando il tag CSS "media" puoi integrare diverse versioni del
layout della pagina in base al mezzo con cui viene visualizzata la pagina
(schermo pc, stampa,ecc....).
bye!

 particolare?
guarda chiedi alla persona sbagliata ti posso solo dare un utile sito (che
forse conoscerai) da consultare 
http://www.constile.org/template/
Passo la palla ad altri e in special modo al Generale :-)
Francesco

 anche il w3c lo consiglia) di non usare le tabelle ma i css e i div
e' solo la moda del momento.
Nessuno e' riuscito a dimostrare il vantaggio REALE dei div rispetto alle
tabelle..
vai su microsoft.com.......guardati il sorgente del sito
ci sono i div o i td? :)))

 ci sono i div o i td? :)))
Hai fatto proprio l'esempio di un'azienda che di standard ci capisce!!!
E comunque... che i portali e i grandi siti se ne freghino degli 
standard non sminuisce il potenziale delle informazioni strutturate 
rispetto ai vecchi layout HTML.
Volevo aggiungere a quanto è già stato detto in questo thread che il 
vantaggio del "div" rispetto ad una tabella non è nel fare ventimila div 
concatenati, se immagini una cosa del genere posso comprendere questo 
tipo di scetticismo.
In realtà l'XHTML ha anche altri tag (già presenti nell'HTML ma poco 
sfruttati): i vari H1, H2, H3... per i titoli per esempio... la 
navigation bar può benissimo essere fatta da una lista <ul>... e così 
via...
In questo modo il tuo codice acquista semantica e significato che va 
oltre il fattore visivo in cui un carattere è più grande di un altro.
Non è una questione di "farsi fighi", è proprio una questione di pensare 
in modo web per il web, e non come se stessimo facendo una brochure.
--
DkS

 tabelle..
[CUT]
Probabilmente tu l'accessibilità non sai nemmeno come si scrive, vero?
-- 
[Non siamo materia che aspetta, ma schemi che si perpetuano.]
Savona Web (
http://www.savonaweb.net
)
Rhadamanth.net (
http://www.rhadamanth.net
)
Moderatore: it.comp.www.html

 qual'e' il motivo?
I vantaggi dei CSS sono molti:
1. Completa separazione tra contenuti e grafica 
2. Maggiore semanticità 
3. Eliminazione di codice ridondante 
4. Accesso ai contenuti da tutti i dispositivi e con tutti i browser 
5. Minore peso delle pagine 
6. Facile e rapida modifica della grafica 
7. Possibilità di ottenere diversi layout per diversi dispositivi con
facilità 
8. Possibilità di creare layout molto complessi 
9. Alta accessibilità
Ora a parte che le tabelle hanno lo scopo di contenere dati tabellari e non
strutturare un layout, danno anche parecchi problemi.
Tra gli altri:
1. La modifica risulta complessa e estremamente lunga 
2. Riduzione dell'accessibilità 
3. Le pagine risultano più pesanti 
4. Per ogni dispositivo serve costruire un nuovo layout 
5. Possibilità grafiche scarse 
6. Impediscono la separazione tra contenuti e grafica 
7. Codice ridondante
Ciao.


 particolare?
Le tabelle non servono per creare layout, bensì per contenere dati
tabellari.
E già questo risolverebbe il problema.
Perché i div? E' molto semplice i div sono soltanto dei contenitori non
applicano nessuno stile, non richiedono spazi, non producono problemi.
In realtà non esistono sino a quando non gli si associa proprietà CSS.
Questa resa "fluida" permette una notevole accessibilità in quanto tutte le
tecnologie assistive "leggeranno" soltanto il contenuto di div ignorando il
div stesso.
Con le tabelle ad esempio ciò non avviene. La cella viene riconosciuta
dalle tecnologie assistive come parte dell'insieme che riconduce alla
tabella.
Questo genera una "lettura" specifica di difficile interpretazione (per non
dire spesso impossibile).



Scusa nel punto 5 scrivi "Possibilità grafiche scarse".
Che limiti hanno in termini di grafica le tabelle rispetto ai css?
E' un argomento che mi interessa molto.
Grazie
Ciao
Lucart

 Grazie
Immaginati la dinamicità di proprietà quali position (e correlate) o float.
Non esiste nulla di simile in un layout sviluppato con le sole tabelle.
Dove bastano tre righe di codice occorrerebe magari creare un reticolato
complesso per inserire solo pochi elementi grafici al loro posto.
Basta poi indicare un foglio di stile alternativo per avere due layout
totalmente differenti, evitando però di toccare una sola riga di XHTML.
E non è poco; immaginate di rivedere il layout di un sito con decine di
pagine sviluppato solo con tabelle. Un'impresa decisamente improba.
Una volta sviluppato un sito basato su tabelle sarebbe poi impossibile
sviluppare qualcosa alla ccs garden, in quanto per farlo bisognerebbe
riscrivere tante strutture XHTML quanti sarebbero gli stili da
rappresentare. Uno sforzo inutile, ridondante estremamente laborioso e
lungo.
Con i CSS ogni layout è virtualmente modificabile all'infinito agendo
sempre e solo su un unico file (spesso e volentieri anche su poche righe di
codice).
Questo produce incredibili possibilità grafiche con sforzi davvero relativi
(l'unico limite è la creatività), cosa che le tabelle non riescono
minimaente a fare.
Per cui a parte la scorrettezza teorica dell'uso di uno strumento non
consono, la tabella perde terreno in ogni ambito della grafica e del layout
nei confronti dei CSS.
Il tutto a favore anche dell'accessibilità.
Due piccioni con una fava.


 ci sono i div o i td? :)))
Vai su 
www.msn.com
 ... ci sono i div o i td? Sarà mica che anche Microsoft
l'abbia capita? Tu cosa ne pensi?

particolare?
Un esempio:
Hai un menu da usare su piu' pagine. Su alcune e' in orizzontale, su
altre in verticale.
Con le tabelle lo devi riscrivere, con i CSS no.
Tabelle:
css:
.ta{
	background-color: #0000ff;
	color: #ff0000;
	border-collapse: collapse;
}
.t{ 
	border:1px solid #ffffff;
	margin:0px;
	padding:4px;
	width:80px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px;
}
html orizzontale:
<table class="ta">
<tr>
<td class="t">--1--</td>
<td class="t">--2--</td>
<td class="t">--3--</td>
</tr>
</table>
html verticale:
<table class="ta">
<tr><td class="t">--1--</td></tr>
<tr><td class="t">--2--</td></tr>
<tr><td class="t">--3--</td></tr>
</table>
Stesso css per entrambe
Senza tabelle:
html identico:
<div id="d1">--1--</div>
<div id="d2">--2--</div>
<div id="d3">--3--</div>
css orizzontale:
#d1,#d2,#d3{
	background-color: #0000ff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px;
	color: #ff0000;
	padding:4px;
	width:80px;
	float:left;
}
#d1,#d3{
	border:1px solid #ffffff;	
}
#d2{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
css verticale:
#d1,#d2,#d3{ 
	background-color: #0000ff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px;
	color: #ff0000;
	padding:4px;
	width:80px;
}
#d1,#d3{
	border:1px solid #ffffff;	
}
#d2{
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
BTW, "--numero--" e' inteso come "<a href="...">--numero--</a>" per
brevita'
Se devi aggiungere/togliere/modificare un'opzione al menu con le
tabelle devi modificare 2 files html, senza le tabelle devi
modificarne solo uno.
'bye

 ha scritto nel 
messaggio
_CUT_
Il tuo esempio mi ha chiarito la cosa, grazie...
Ma i layout con i DIV sono supportati da tutti i browser?
-- 
oscare
www.leveldesign.it
 

 Ma i layout con i DIV sono supportati da tutti i browser?
Sì, perché in realtà non c'è nulla da supportare.
I div aggiungono struttura. Stop.
Non fanno nient'altro. Sono un veicolo, non uno strumento.
Occhio però a non peccare di divite.
Vanno utilizzati con criterio. Non bisogna abusarne, ma queste
affermazioni, in fondo, si possono tranquillamente adattare a tutto il web
developing.
Ciao.



uhm quindi mi stai dicendo che senza  i DIV l'accessibilita' non esiste?
Io non ho parlato male dei css....non confondere le cose.......


Ciao.


 afferma che:
:
: > Scusa nel punto 5 scrivi "Possibilità grafiche scarse".
: > Che limiti hanno in termini di grafica le tabelle rispetto ai css?
: > E' un argomento che mi interessa molto.
: > Grazie
:
: Immaginati la dinamicità di proprietà quali position (e correlate) o
float.
: Non esiste nulla di simile in un layout sviluppato con le sole tabelle.
: Dove bastano tre righe di codice occorrerebe magari creare un reticolato
: complesso per inserire solo pochi elementi grafici al loro posto.
un esempio più chiaro che ho sperimentato: un div lo metti dove vuoi, gli
dai la distanza dai bordi, le dimensioni, è uno "scatolotto" che sposti dove
vuoi. Ne puoi fare di diversi e sovrapposti e ad ognuno dare caratteristiche
diverse. Non lo fai con le tabelle.....
e questo è solo 1 delle tante cose.
: Con i CSS ogni layout è virtualmente modificabile all'infinito agendo
: sempre e solo su un unico file (spesso e volentieri anche su poche righe
di
: codice).
è così, se devi cambiare una cosa vai sul foglio di stile, la cambi e ti
ritrovi quella cosa cambiata in tutte le pagine. senza, devi cambiare pagina
per pagina, vai a farlo con un sito di 250 pagine.......
(idem per js esterni)


 ha scritto nel messaggio
news:38udcqF...@individual.net...[MEGACUTATUTTI]
beh, grazie mille a tutii per i chiaraimenti e i commenti, ho segyuito con
molto interesse il thread
ciao e alla prossima ;)