Newsgroup: it.lavoro.professioni.webmaster
Titolo: Problemi con <!DOCTYPE html PUBLIC ....

Ciao a tutti volevo sapere se fosse obbligatorio inserire la dicitura:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
al posto
di 
<html>
e basta
Vedo che viene messa in molti siti per agevolare i browser ma a me
crea sempre molti problemi, ad esempio attualmente non riesco a
eliminare un margine superiore con un doppio sfondo.
Se la ometto cosa cambia, o come posso fare a evitare 2 o tre pixel
vuoti prima del mio sfondo e alla fine della pagina.
Grazie

 eliminare un margine superiore con un doppio sfondo.
Evidentemente non scrivi codice corretto (HTML o CSS che sia).
Ti consiglio di usare FireFox con l'estensione "HTML Validator" così vedi 
gli errori.
Per i margini da togliere nel CSS metti:
body { margin:0; padding:0; }

body { margin:0; padding:0; }
si quello l'ho risolto ho scritto due margin diversi con valori
diversi,  scusa se approfitto sai per caso come fare a mettere un
margine alla tabella principale del sito senza che mi si sposti lo
sfondo? Io sto usando <p> prima della tabella ma non mi pare molto
corretto o no?
Grazie ancora

 corretto o no?
Questo non l'ho capito bene.
Giocando sugli attributi padding e margin della table in questione non 
riesci a fare quello che vuoi?
Il background non va nella zona di margin, mentre viene disegnato in quella 
di padding.

riesci a fare quello che vuoi?
Infatti non riesco a capire come si imposta il margine della tabella,
ho provato inserendo nella pagina html 
<table width="762" height="501" border="0" align="center"
cellpadding="0" cellspacing="0"  margin-top: 30px; id="Tabella_01">
ma credo vada messa nel foglio di stile... ;-)
Cmq ora googleggio anche qui un po' e guardo in giro come si fa, non
mi pare il caso di romperti ulteriormente.
Ciao e grazie per tutte le info

 ma credo vada messa nel foglio di stile... ;-)
1) O la metti nel foglio di stile (CSS):
Nel file HTML: <table class="stile" ...>
Nel file CSS: .stile { margin: 30px; }
2) La metti direttamente nel file HTML
<table style="margin:30px;" ...>
Già che ci sei i valori width e height mettili nel CSS specificando anche la 
dicitura "px".
In teoria sarebbe meglio se non usassi nessun attributo di "definizione 
grafica" come altezza, larghezza, border (ecc...) optando invece per un uso 
più massiccio dei CSS (sono nati per quello).

 uso pi massiccio dei CSS (sono nati per quello).
Ma Outlook Express non ha neanche il buon senso di mettere di default un 
header con il Content-Type per impostare il charset?
nghèèèè nghèèèè mi sono perso le accentate ;-)

 Dreamweaver non può indovinare se stai generando una pagina HTML o XHTML :-)
Certo. Dovrebbe *saperlo* cosa fa, non indovinarlo. :-)
-- 
Fact of life #15: Heads bleed, walls don't.

più massiccio dei CSS (sono nati per quello).
Ho provato a fare come mi hai consigliato e ci sono quasi ma non
riesco ad ottenere lo stesso risultato con i fogli di stile e senza,
ti mando il link alla pagina, così magari mi sai dire dove sbaglio:
Questo è quello che vorrei ottenere 
http://artglass.altervista.org/
questo è quello che ottengo con i CSS
http://artglass.altervista.org/index2.html
Come puoi vedere se metto il margine alla tabella, lo sfondo non mi
parte dall'inizio del documento ma dalla tabella stessa.
Non ho trovato come centrare la taballa dal css
In entrambi i casi non riesco ad avere lo sfondo fino alla fine del
documento, mi rimane sempre uno spazio in fondo bianco, forse è un
limite dato dal fatto di avere usato un doppio sfondo, se mi dai
conferma della cosa smetto di cercare una soluzione ;-)
Intanto ti ringrazio per gli utlilissimi consigli che mi hai dato
Ciao

Ci sono quasi, per estendere lo sfondo al limite del documento al
posto di due sfondi, ho messo lo sfondo nel body vicolandolo al basso
della pagina e quello superiore l'ho lasciato come prima.
Per far funzionare correttamente i margini della tabella ho dovuto
mettere un immagine di un pixel 
<img src="immagini/spaziatore.gif" alt="spazio" width="1" height="1"
/>
prima e dopo la tabella, altrimenti il magin del css sopra mi lasciava
una stricia bianca e sotto non mi spaziava la tabella se
riidemensionavo a finestra
Qui le due varianti:
http://artglass.altervista.org/
 
e
http://artglass.altervista.org/index2.html
 (corretto)
Per centrare la tabella ho usato 
margin-left: auto;
margin-right: auto;
Graficamente ho quello che volevo (anche se con firefox ancora ho il
margine bianco sotto) , non so se ho usato correttamente il codice,
smanettando su google io ho trovato solo queste possibilità, se
qualcuno sa di soluzione più professionali/corrette ben lieto di
accettare ogni consiglio ;-)

 Non ho trovato come centrare la taballa dal css
Sarò cieco, ma a parte due pixel di spazio all'inizio della pagina non vedo 
differenze fra le due pagine (o almeno con Firefox, con IE non ho provato).



Infatti lo vedi con IE, con firefox il problema si presentava sul
margine inferiore, cmq ho risolto già tutto (o quasi, cmq mi
accontento), se qualcuno interessa la discussione e la  soluzione la
trova in it.comp.www.html, ciao e grazie