Come adattare il sito web alla risoluzione video ?

[Peppe73]

Salve a tutti leggendo i vostri post volevo sapere se questo codice

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="top">
<table border="0" width="780" cellpadding="0" cellspacing="0">
<tr><td>CONTENUTO</td></tr>
</table>
</td>
</tr>
</table>

e generico per tutti cioe sono poco pratico e alle prime armi un auto didatta un poche parole ho realizzato un sito e non si adatta a vai scermi e risoluzioni cerco un codice da inserire in tutte le pagine cosi da risolvere il problema.

1 se inserisco quel cosdice risolvo il problema ? se si dove va inserito
2 nella voce CONTENUTO che ce nel codice cosa va messo fatemi un esempio pratico per favore

grazie in anticipo per le rispsote

[tsunamji]

Io ho problemi con questo sito...

Quando metto tutto in una tabella le cui dimensioni sono in percentuale...gli oggetti nei livelli restano di dimensioni uguali...

http://marinella54.altervista.org/

Che faccio?

[mrblue]

Se utilizzi di div perche usi anche le tabelle??
comunque se imposti position, float, o altri modificatori il div esce ovviamente dal flusso grafico, e non rispetta piu il parent.

[mantra on]
non utilizzerò più le tabelle per impaginare... non utilizzerò più le tabelle per impaginare... non utilizzerò più le tabelle per impaginare... non utilizzerò più le tabelle per impaginare... non utilizzerò più le tabelle per impaginare...
Se si usassero maggiormente i css e i giusti elementi grafici (secondo le linee guide del w3c), il web sarebbe davvero aperto a tutti!
[mantra off]

[Dylan666]

in linea teorica hai ragione ma io la vedo esattamente come il wm...
http://kipapa.it/blog/tabelle-puro-css_10.htm

E con Sofia Postai...
http://www.vocabola.com/ilmestieredelwe ... table.html

[archimede]

E con Sofia Postai...
http://www.vocabola.com/ilmestieredelwe ... table.html

Gli strumenti di controllo dell'impaginazione tableless, infatti, non si allargano per nulla

Eh?

Alessandro

[Dylan666]

La frase che riporti si riferiva a uno specifico caso:

se dovete inserire nella pagina una o più tabelle dati

Mettiamo casi che hai da rappresentare una griglia di tre righe dati per tre colonne. Se vuoi una costruzione tableless ti ritrovi a gestire 9 DIV che a seconda del contenuto possono spostare le celle adiacenti verso destra disallineando le colonne, oppure verso il basso se gli hai impostato una larghezza fissa, ma così si disallineano le righe. Insomma, se c'è una cella di dimensione diversa a causa del contenuto quella andrà a spostare o coprire quelle vicine.

Invece con le tabelle questo non può accadere, perchè se una cella viene allargata in verticale o in orizzontale tutta la struttura viene automaticamente adattata (cioè viene allargata la larghezza della colonna o l'altezza della riga per tutte le celle vicine) e quindi tutti gli elementi restano comunque ingabbiati in una struttura coerente

Peggio ancora se ci troviamo coi CSS davanti alla necessità di mettere due griglie una dentro l'altra senza usare tabelle, cosa che nell'impaginazione di un sito accade spesso (anche solo per l'homepage e i menù laterali)

[archimede]

Mettiamo casi che hai da rappresentare una griglia di tre righe dati per tre colonne.

Ma questo non ha nulla a che vedere con lo spirito del layout tableless. Il punto è di non usare le tabelle per impaginare (distribuire all'interno del browser) le informazioni; nessuno nega che per presentare dei dati in righe e colonne lo strumento giusto è la tabella, il punto è che se desidero visualizzare tale tabella in basso a destra non lo faccio infilandola all'interno di un'altra tabella.

Alessandro

[Dylan666]

Non capisco... il paragrafo a cui ti riferisci inizia con:

Vantaggi delle tabelle (qui e ora)

Assicurano una maggiore stabilità di visualizzazione [...]

Questo è utile sempre, ma diventa un must se dovete inserire nella pagina una o più tabelle dati

Se nella impaginazione ti ritrovi a dover mettere anche tabelle dati è più facile gestirle all'interno di una pagina fatta con le tabelle che non con un CSS, perché un DIV può accavallarsi con la griglia dei dati mentre se metti una tabella dentro una tabella è impossibile anche volendo.

[mrblue]

ops.. non volevo riaprire la polemica gia discussa su kipapa...
pero resto dell'idea che le cose vadano usate per cio per cui sono pensate.
credo che se una determinata struttura serva a raccogliere i dati in formato tabellare e un altra a raccogliere contenuti in blocchi vadano usate per ottenere questi risultati e che sia ugualmente inappropriato utilizzare una table per otenere un layout come utilizzare nove div per ottenere una tabella.
comunque capisco anche che questo forum è frequentato da persone tanto competenti da sapersi destreggiare sia con blocchi e che con tabelle, ma so anche che c'è chi è alle prime armi e potrebbe non capire le differenze, creando delle "brutture" (passatemi il termine)
Avete mai sentito leggere una pagina del genere (formattata con tabelle per i dati non tabellari) da un browser vocale per ipovedenti? Se io fossi ipovedente (piu di quello che sono) e avessi bisogno di uno screen reader tipo jaws, bhe sarei

Quello che vorrei evidenziare è il principio di progettazione universale, a cui tutti dovrebbero ispirasi, a maggior ragione quando si parla di risorse web, che per qualcuno sono l'unica vera via di comunicazione e socializzazione.
Dovremmo un po tutti essere piu sensibili verso i temi di accessibilità.

[Dylan666]

Che problema hanno le tabelle coi software di lettura?

[mrblue]

i screen reader leggono le tabelle come se fossero... tabelle
leggono l'intestazione della tabella e poi i dati per righe, se incominci ad annidare le tabelle non ci si capisce piu niente!
(anche se la versione di jaws che ho provato era un po datata)

[Dylan666]

You will probably hear some accessibility advocates say that layout tables are a bad idea, and that CSS layout techniques ought to be used instead. There is truth in what they say, but, to be honest, using tables for layout is not the worst thing that you could do in terms of accessibility. People with all kinds of disabilities can easily access tables, as long as the tables are designed with accessibility in mind.

http://www.webaim.org/techniques/tables/

[mrblue]

guardando il codice e le domande che sono uscite in questo post, quanti hanno anche solo una vaga idea di cosa sia l'accessibilita?

[Dylan666]

In che senso?

[pjfry]

a proposito di accessibilità, io per un progetto ho seguito queste linee guida (magari c'è anche una versione più moderna, boh ): http://www.aib.it/aib/cwai/WAI-WEBCONTENT-TECHS.html
questa barra dell'accessibilità era stata molto utile: http://www.webaim.org/articles/ais/

[Dylan666]

Qui c'è la bozza della versione 2.0 di quello stesso documento, la Web Content Accessibility Guidelines (WCAG 2.0)
http://www.w3.org/TR/WCAG20/