Newsgroup: it.lavoro.professioni.webmaster
Titolo: Da tabelle a CSS

Ho sempre lavorato con le tabelle e mi vengono spontanee le incapsulaioni
delle tabelle.
Ora vorrei passare ai CSS e quindi vi chiedo se esiste un tutorial che mi
permetta di trasformare le mie tabelle in CSS?

 permetta di trasformare le mie tabelle in CSS?
www.constile.org
Giansimon
http://www.webimmagine.com

 permetta di trasformare le mie tabelle in CSS?
*trasformare* le tabelle in css non credo sia possibile.  i css sono
una cosa, le tabelle un'altra.  che poi sia possibile, con alcuni
magheggi, ottenere con i css lo stesso *layout* che ottenevi con le
tabelle, questo è un altro discorso...  non è che i css siano più
"potenti" delle tabelle.  anzi, se hai necessità di impaginazione
particolari, forse le tabelle sono meglio.
(e non venitemi a rompere le balle con il css zengarden che non è mica
la trasformazione di qualcosa di preesistente ma bei lavoretti fatti ad
hoc).
il discorso è che le pagine web sono una cosa e le impaginazioni
simil-cartacee sono un'altra.  i css servono a fare pagine web che
siano vere pagine web e non imitazione della carta.

 siano vere pagine web e non imitazione della carta.
Le tabelle hanno sempre la loro utilità, appunto per informazioni da
disporre in modo "tabellare":-), ma la comodità dei css per la separazione
CONTENUTO/VISUALIZZAZIONE è fondamentale per molti aspetti.
Ciao
-- 
-- 
 <IvanBaldassi aka="ilG" />
"Emancipate yourselves from mental slavery"

 CONTENUTO/VISUALIZZAZIONE è fondamentale per molti aspetti.
Mi intrometto anche io ...
Fino ad adesso i siti che ho sviluppato (il mio e quella della ditta dove
lavoro) li ho fatti usando le tabelle per la struttura del layout. In
pratica tabelle dentro tabelle dentro tabelle ... ecc...
Mi si puo` obiettare che cosi` non va bene ... ok!
Nel sito che sto sviluppando per l'azienda, la parte in alto e` una immagine
di 740x190 pixels che pero` e` spezzettata in svariate celle (segue codice
html):
<TABLE WIDTH="740" BGCOLOR="#FFFFFF" BORDER="0" CELLSPACING="0"
CELLPADDING="0">
<TR>
<TD COLSPAN="3"><IMG STYLE="display: block" SRC="/common/images/title1.gif"
WIDTH="740" HEIGHT="40" BORDER="0" TITLE="" ALT=""></TD>
</TR>
<TR>
<TD><IMG STYLE="display: block" SRC="/common/images/title2.gif" WIDTH="250"
HEIGHT="40" BORDER="0" TITLE="" ALT=""></TD>
<TD><IMG STYLE="display: block" SRC="/common/images/title3.gif" WIDTH="40"
HEIGHT="40" BORDER="0" TITLE="" ALT=""></TD>
<TD><IMG STYLE="display: block" SRC="/common/images/title4.jpg" WIDTH="450"
HEIGHT="40" BORDER="0" TITLE="" ALT=""></TD>
</TR>
<TR>
<TD COLSPAN="3"><IMG STYLE="display: block" SRC="/common/images/title5.jpg"
WIDTH="740" HEIGHT="110" BORDER="0" TITLE="" ALT=""></TD>
</TR>
</TABLE>
Come la convertirei usando i CSS? Avrebbe comunque senso usare i CSS per una
cosa del genere?

 CONTENUTO/VISUALIZZAZIONE è fondamentale per molti aspetti.
per quanto mi riguarda predichi ad un convertito.
peccato che a coloro i quali perdono un sacco di tempo ad innestare
tabelle di tutti questi bei discorsi qui non glie ne freghi un
accidente.

 cosa del genere?
per me no.

Cocoon ha scritto:

----->> Non penso che esistano software in grado di effettuare una 
trasformazione di questo tipo.
Si tratta di rifare tutto il layout, abbandonando le tabelle e usando i css.
Per iniziare ti posso suggerire un libro che a me è servito moltissimo:
http://www.markusk8.net/libridesc.asp?libro=Cascadin%20Style%20Sheet%20(%20CSS%20)%20Fogli%20di%20stile%20per%20il%20Web
Come link a siti web molto utili direi
http://www.constile.org
http://www.webaccessibile.org
Ciao
-- 
-----------------------------------------
webmaster del sito:
http://www.markusk8.net
 - Tempo Libero e dintorni
Musica, Fumetti, Libri e altro ancora.
Coming Soon: Immagini - fotografia, che passione!

 
---->> In linea di massima hai ragione, però di tanto in tanto qualcuno 
lo convinci a cambiare modo di sviluppare.
Inoltre, secondo me, si tratta di far capire che lo studio dei CSS non è 
difficoltoso e che può dare solo dei vantaggi.
Io stesso l'ho sperimentato quando sul mio sito ho deciso di cambiare il 
layout. Mezz'ora di lavoro e il gioco era fatto, senza toccare una riga 
nei file html/asp.



http://www.markusk8.net/libridesc.asp?libro=Cascadin%20Style%20Sheet%20(%20CSS%20)%20Fogli%20di%20stile%20per%20il%20Web
come mai il tuo è più tozzo del mio?  :-)

 
---->> Cosa intendi per tozzo, scusa?



Se le tabelle non sono troppo annidate lo puoi fare con un semplice
find/replace, tempo fa postai delle riflessioni, dai una lettura qui:
http://groups.google.it/groups?hl=it&lr=&ie=UTF-8&threadm=xyjyc.312630%24hc5.13683271%40news3.tin.it&rnum=1&prev=/groups%3Fq%3Ddivless%26hl%3Dit%26lr%3D%26ie%3DUTF-8%26selm%3Dxyjyc.312630%2524hc5.13683271%2540news3.tin.it%26rnum%3D1
naturalmente su tutto il thread.
Cooper.
-- 
[web:]  
http://www.blueware.it
 (aggiornato!)
[icq:]  146 781 935
[msn:] 
coo...@blueware.it

> ---->> Cosa intendi per tozzo, scusa?
dalla foto mi pare che il libro che hai tu sia di proporzioni più
tozze del mio... :-)

 cosa del genere
non mi sembra un problema...:-)
<div id="parteAlta">
<IMG SRC="/common/images/title1.gif" WIDTH="740" HEIGHT="40" BORDER="0"
TITLE="" ALT=""><br />
<IMG STYLE="display: block" SRC="/common/images/title2.gif" WIDTH="250"
HEIGHT="40" BORDER="0" TITLE="" ALT=""><IMG STYLE="display: block"
SRC="/common/images/title3.gif" WIDTH="40"
HEIGHT="40" BORDER="0" TITLE="" ALT=""><IMG STYLE="display: block"
SRC="/common/images/title4.jpg" WIDTH="450"
HEIGHT="40" BORDER="0" TITLE="" ALT=""><br />
<IMG STYLE="display: block" SRC="/common/images/title5.jpg"
WIDTH="740" HEIGHT="110" BORDER="0" TITLE="" ALT="">
</div>


[cut]
Grazie per la risposta ma comunque tieni presente che non sono un
deficiente!!!
Nessuno in ditta mi ha detto come fare il sito: se farlo con o senza css,
con o senza tabelle, ecc..., non saprebbero neanche cosa dirmi!
L'ho sviluppato interamente io da zero in php+mysql, come sapevo e potevo
fare in base alle mie competente attuali ...
Il sito te lo posso anche dire: 
www.teseonet.org
 e non certo per fare
pubblicita`. Tra l'altro e` ancora molto incompleto (ci sono solo 2 pagine
complete) e sara` poi spostato (spero) sull'altro dominio che abbiamo
(questo dominio e` quello che usiamo per cosi` dire di "backup" e di "test",
almeno ci posso smanettare quanto voglio!).
Adesso sto facendo altri lavori ma tra breve tempo tornero allo sviluppo del
sito. E cerchero` di migliorarlo piu` che posso sia a livello di php,
struttura, layout, ecc...
Tiene presente che attualmente usa abbastanza "pesantemente" i CSS, per il
corpo di ogni pagine e per gli effetti speciali del menu` di navigazione e
per altre cose. Quindi non sono un ignorante di CSS!!!
Comunque e` valido per HTML 4.01 Transitional e per i CSS.
Se hai qualche consiglio (sei sicuramente + esperto di me) e` ben accetto
... puoi andare nella sezione "contatti" e scrivermi usando il motivo "Sito
web TESEO" (se non vuoi mettere nominativo/telefono metti dei '-') e
ricevero` ben volentieri i tuoi consigli.
Ciao e grazie.

 
LOL...... E che sono mezzo cecato č quindi il mio usa un font di qualche 
em piů grande....
