Sostituire le tabelle con dei DIV

[Alebass]

Ciao, sto cercando di trovare un modo per far apparire il mio sito come è ora, però utilizzando div e css al posto delle tabelle, sapreste darmi una mano?

[andrea.paiola]

più che sostituire le tabelle coi div ti consiglio di studiare le basi del linguaggio XHTML cioè i tags e il loro significato semantico... ti posto una specie di traduzione semantica dei tags XHTML 1.1 che ho fatto:

-> commento
<!DOCTYPE> -> tipo di documento (normalmente sarà XHTML 1.1)

Structure Module -> Modulo struttura
body -> corpo
head -> testa
html -> html
title -> titolo

Text Module -> Modulo testo
abbr -> abbreviazione
acronym -> acronimo
address -> indirizzi, firme, proprietà del documento
blockquote -> blocco di testo lungo
br -> linea di rottura
cite -> testo da citazione
code -> testo da codice
dfn -> testao da definizione
div -> sezione verticale del documento
em -> enfatizza testo
h1 -> titolo della pagina
h2 -> sottotitolo 1
h3 -> sottotitolo 2
h4 -> sottotitolo 3
h5 -> sottotitolo 4
h6 -> sottotitolo 5
kbd -> testo da tastiera
p -> paragrafo
pre -> preformattato (mantiene gli spazi)
q -> testo corto da quotatura
samp -> testo da esempio di codice per computer
span -> sezione orizzontale del documento
strong -> testo in evidenza
var -> variabile

Hypertext Module -> modulo ipertestuale
a -> ancora o collegamento

List Module -> modulo lista
dl -> lista di definizioni
dd -> definizione del termine
dt -> termine da definire
ol -> lista ordinata
ul -> lista disordinata
li -> voce di una lista

Object Module -> Modulo oggetto
object -> oggetto incluso
param -> parametro di un oggetto

Presentation Module -> modulo presentazione
b -> testo in grassetto
big -> testo grosso
hr -> filetto orizzontale
i -> testo inclinato
small -> testo piccolo
sub -> testo in basso
sup -> testo in alto
tt -> testo da telescrivente o monospaziato

Edit Module -> modulo modifica
del -> testo cancellato
ins -> testo inserito

Bidirectional Text Module -> modulo testo bidirezionale
bdo -> testo con ordine invertito

Forms Module -> modulo scheda
button -> bottone
fieldset -> insieme di campi
form -> scheda o modulo
input -> inserisci
label -> etichetta
legend -> legenda
select -> lista selezionabile
optgroup -> gruppo di opzioni
option -> opzione
textarea -> area di testo (mutltiriga)

Table Module -> modulo tabella
caption -> intestazione
col -> definisce valori di attributi per una o più colonne
colgroup -> gruppo di colonne
table -> tabella
tbody -> corpo
td -> cella
tfoot -> piede
th -> testa
thead -> come sopra
tr -> riga

Image Module
img -> immagine

Client-side Image Map Module
area -> area interna ad un'immagine
map -> mappa immagine

Server-side Image Map Module
attributes: ismap

Intrinsic Events Module
attributes: onblur, onchange, onclick, ondblclick, onfocus, onkeypress, onkeydown, onkeyup, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreset, onselect, onsubmit, onunload

Metainformation Module
meta -> meta informazioni

Scripting Module
noscript, script

Stylesheet Module
style

Link Module
link

Base Module
base

Ruby Annotation Module
ruby, rbc, rtc, rb, rt, rp

migliorabile... ma è un inizio...

[pierofix]

Alèop! Ecco i concetti da tenere a mente:

- http://forum.html.it/forum/showthrea...hreadid=824282

Poi, nei link utili di questo forum, trovi tutte le risorse da cui trarre spunto.

[panta]

bravo andrea, proprio un bello schemino riepilogativo

ciao

[andrea.paiola]

Originariamente inviato da panta
bravo andrea, proprio un bello schemino riepilogativo

ciao

sto ancora aspettando i suggerimenti di piero :rollo:
o di qualcun'altro... :rollo:

[Alebass]

L'ho aggiornato, che ve ne pare, non è proprio possibile far funzionare la tecnica che ho usato (l'immagine di sfondo che si ridimensiona) su IE?