coversione table to div

[oronze]

Ciao, non riesco a capire dove sbaglio, secondo me è tutto corretto ma la mia conoscenza sui css non è delle più approfondite cmq, chi mi aiuta a trasformare da tabelle in div e span?
Versione con tab
versione con div e span

[Sky]

Innanzitutto devi usare i tag <div> ogni volta che crei dei "contenitori generali" come quelli per strutturare il layout delle pagine. Via quindi i tag <span> in questo caso (possono essere usati ad esempio per formattare del testo).
Inoltre non hai applicato né un metodo di posizionamento al menù e alla parte centrale della pagina, né del float. I tag <div> sono elementi di blocco quindi per farli convivere sulla stessa "riga" vanno posizionati. Devi leggere quindi una guida sulla costruzione dei layout (questa ad esempio: http://www.html.it/layout_css/), lì è tutto spiegato bene, molto meglio di quanto possa fare io :)

[oronze]

Originariamente inviato da Sky
Innanzitutto devi usare i tag <div> ogni volta che crei dei "contenitori generali" come quelli per strutturare il layout delle pagine. Via quindi i tag <span> in questo caso (possono essere usati ad esempio per formattare del testo).
Inoltre non hai applicato né un metodo di posizionamento al menù e alla parte centrale della pagina, né del float. I tag <div> sono elementi di blocco quindi per farli convivere sulla stessa "riga" vanno posizionati. Devi leggere quindi una guida sulla costruzione dei layout (questa ad esempio: http://www.html.it/layout_css/), lì è tutto spiegato bene, molto meglio di quanto possa fare io

uffa, mi toccherà studiarmi quest'altra cosa
cmq grazie!
P.S: ho usato span perchè pensavo fosse come i div solo che non andava a capo....studio e modifico!

[oronze]

non ho capito una cosa.... precisamente cos'è il float? a cosa serve?e già che ci sei spiegami anche a cosa corrisponde la misura em.....alla percentuale no ma neanche a un elemento fisso o non ci ho capito nulla della guida!

[Sky]

Il float serve a rendere indipendenti dei 'contenitori' in modo da poterli allineare a destra o a sinistra, facendo sì che gli altri 'contenitori' vengano visualizzati rispettivamente alla sua destra o alla sua sinistra. E' come se annullasse il rimando a capo dei tag non in-line :)

Qui trovi tutto: http://pro.html.it/articoli/id_605/idcat_8/pro.html :D

Per quanto riguarda gli em, non li ho mai usati e generalmente per le dimensioni dei font si usano i px o le percentuali, quindi puoi anche non impararli; comunque ti quoto la definizione data in un ottimo articolo che c'è su pro.html.it:

Em
[...] 1 em corrisponde alla larghezza di una lettera m minuscola. Come unità di misura è spesso usata nel settore tipografico. Il suo uso è consigliato in alcune pubblicazioni o linee guida sui CSS, ma a livello pratico si scontra con le incompatibilità rivelate con alcuni browser, in particolare Netscape 4 e Internet Explorer 3.

L'articolo da cui l'ho tratta è questo: http://pro.html.it/articoli/id_8/idcat_8/pro.html

[oronze]

grazie anche per questi altri 2 articoli...ora ci sto capendo molto di più....mi ero solo limitato a guardare una reference dei css e a usarli senza capirne le vere potenzialità
Solo un'altra richiestina....tralasciando tutti i js e altro, ho riaggiornato la pagina dei liv (link in alto) ma non riesco a capire perchè la "tabella" nn mi occupa tutta la pagina in altezza come richiesto! Cosa sbaglio ancora, mi sembra nulla!

[Sky]

Purtroppo non basta specificare "height: 100%" per fare quello che vuoi tu :P
E allora ecco un altro articolo, sempre dalla guida di Html.it per costruire layout solo con i css: http://www.html.it/layout_css/layout_css_15.htm

Come vedi la base per iniziare è tutta lì, in quelle guide e in quegli articoli. E in tanta pratica :)

[oronze]

lo avevo saltato poichè sotto layout a colonna singola....

[Sky]

:D

[oronze]

ho letto e riletto ma non trovo l'errore....ho ripulito il codice da tutte le cose inutili per la struttura ma ti prego.....me lo sistemi tu? Mi trovo meglio a confrontare i due css per capire cosa sbaglio! I problemi sono 2....la fascia laterale non occupa tutta l'altezza mentre la barra di sotto viene sovrapposta dalla pagina centrale....
PLEASE help me
Ah, il link ripulito.... http://www.piazzawebmaster.it/new/livelli.htm