@moroandrea said:

Offendo la tua sensibilità se ti dico che io non uso programmi visuali per fare siti, ma vado di un notepad colorato che mi aiuta a trovare la sintassi eventualmente sbagliata e poi sottometto le pagine al validatore di turno? E' dal 1994 che faccio siti in quel modo ... e onestamente non rimpiango per nulla il Front Page http://www.giorgiotave.it/forum/images/smilies/mavieni.gif

Non offendi la mia sensibilità, anzi ti faccio i complimenti. Io il web master lo faccio come hobby, quindi non mi offendi qualsiasi cosa tu dica. Uso dei programmi perchè mi danno una mano, ma mi piacerebbe molto imparare a fare un sito con un notepad come conText.

@nutritionvalley said:

ma mi piacerebbe molto imparare a fare un sito con un notepad come conText.

Sicuramente devi iniziare dalle badi dell'html 4.0, se non altro sai a cosa servono i tag. Poi passi all'xhtml, ovvero documenti ben formati che per farla "semplice" ma non esaustiva equivale a: 1) niente tag in maiuscolo 2) tag aperti e chiusi senza eccezione (al massimo chiusi se non prevedono l'apertura) 3) poi passi al css, ovvero i fogli di stile

.... è una domanda già fatta qualco tempo fa su questo forum, in ogni caso ai fini del posizionamento e per la mia esperienza non credo vi sia alcune differenza, è vero la table appesantisce leggermente di più la pagina. Ovviamente per siti web realizzati con i div , si deve aver conoscenza dei linguaggi di programmazione con i quali questi siti web engono realizzati, ma nienti di più, i programmatori a volte esagerano troppo con una serie di include che non hanno alcun senso ai fini della strutturazione della pagina .

... come mai questa domanda se posso chiederti .. hai avuto difficoltà con siti web realizzati con i div?

il fatto e che molto spesso si pensa che visto che un sito in rete viene restituito dal browser sia tutto ok (funziona allora va bene) e si passa subbito a pensare ai mdr, al posizionamento, va bene ma... se non si conosce il codice come divalo si fa? e come chiedere a un ceco di che colore sono i nostri pantaloni è assurdo .....

@cicciopasticcio said:

ma puoi usate anche solo
<div id="container>
<div id="intestazione"> qui inserisci l'intestazione</div>
<div id="navigation"> qui inserisci la navigazione</div>
<div id="content"> qui il contenuto</div>
<div id="footer"> qui inserisci il contenuto di piede</div>
</div>

ciao a tutti, ciao Ciccio..
anche a me piace usare questo tipo di struttura, l'unico problema che ho trovato è che se metto delle immagini nel div dei contenuti e in quello del menù, se queste immagini sono grandi (es la somma si avvicina ai 750 pixel in larghezza) mi fanno sfasare tutto il sito, cioè la colonna dei contenuti va a capo con un bruttissimo effetto grafico per chi ha il monitor con risoluzione 800*600!!
Mi consigli qualche modo per risolvere il problema (ovviamente l'unico modo che conosco per risolverlo è quello di usare le tabelle, o di diminuire le dimensioni delle immagini.. ma a volte ci sono clienti che si lamentano se le foto delle loro gallerie fotografiche sono troppo piccole, e poi il problema della colonna che va a capo si presenta anche se si ridemensiona la finestra... cosa che non succede se nei div di contenuti e menù ci sono solo dei testi).

Grazie mille....

be agisci sul css e dai le dimensioni in em invece che in px

Ma lo posso fare anche per le immagini?

be di fatto al css puoi delegare tutta la parte grafica anzi dovresti
dare delle dimensioni in percentuale di solito è la scelta piu ovvia per far si che tutto si adatti a ogni risoluzione in alternativa puoi sempre lincare un'immagine piccola ad una immagine piu grande certo è che se inserisci un file con dimensioni fisse......

in ogni caso non sottovalutare le risoluzioni 800x600 perche sono ancora piu del 5%

grazie.. lo farò!! confesso che non sapevo questa chicca delle immagini ridimensionate in percentuale con i css...

Eccoti un esempio:
<div id="contenuti">
<h1>titolo</h1>
<img id="immagine" src="..." alt="..." title="..." />
<p>testo testo testo<p>
</div>
CSS:
#contenuti {
width:40%;
padding:0 1em 1em 1em;
}
img#immagine { width:100% }

attento però non sempre è possibile utilizzare immagini proporzionali per una foto e fattibile ma ad esempio per un gif con poche sfumature magari con poca risuluzione o con bordi estremamente netti la cosa non rende come dovrebbe