Posizionare un immagine

[gennaro1992]

Salve ho un problema:sto iniziando ad usare XHTML 1.0 vorrei sapere come fare per posizionare un immagine al centro della pagina.
Prima usando html basta che facevo <p align="center> prima dell'immagine e avevo risolto,ma ora lo devo fare per forza con i css e non so come fare.

[Mich_]

Se e` un'immagine da sola, inserita con il tag <img> (e quindi e` un oggetto inline), ti basta:
text-align: center;
da posizionare nel blocco che la contiene

Se invece e` un oggetto di tipo block devi dare all'oggetto stesso
margin: 0 auto;

In ambedue i casi il contenitore deve avere width definita, altrimenti ambedue i metodi falliscono (per mancanza di riferimento)

[gennaro1992]

Ciao Mich e grazie ho provato a fare cosi
CSS

img#titolo { width: 301px; height: 52px;text-align: center;

XHTML

<h1>[img]URL[/img]</h1>

Ma con text-align non me la centra

[Mich_]

Sbagliato!

Il text-align va inserito nel blocco contenitore.

HTML:
<h1 id="titolo">[img]URL[/img]</h1>

CSS:
#titolo {
  width: ...;
  background: pink;      /* solo per le prove - poi dovrai toglierlo */
  text-align: center;
}

In alternativa: CSS:
#titolo {
  width: ...;
  background: pink;      /* solo per le prove - poi dovrai toglierlo */
}
#titolo img {
  display: block;
  margin: 0 auto;
}

[gennaro1992]

Ma in css devo mettere solo il pezzo di codice #titolo ?

[gennaro1992]

comunque ho risolto usando

position: absolute; left: ...px; top: ....px;

Ora è nato un altro problema,allora ho rifatto la mia pagina da zero,ho verificato il file html sul sito http://validator.w3.org/ e non cè nessun errore,poi ho sono andato sul sito http://jigsaw.w3.org/css-validator/ per verificare il file css...e mi dice congratulazioni nessun errore trovato,e il foglio risulta valido,però ci sono 9 avvisi
elenco 1 perchè sono tutti uguali:

85 p#frase Le tipologie di carattere che contengono degli spazi all'interno del nome dovrebbero essere racchiuse tra virgolette. Se si omettono le virgolette, qualsiasi spazio prima e dopo il nome viene ignorato e qualsiasi sequenza di caratteri di spaziatura all'interno del nome viene convertita in un singolo spazio.

XHTML

<p id="frase">" testo "</p>

CSS

p#frase { 
font-size: 24pt; 
font-family: Book Antiqua; 
color: #FF0000; 
position: absolute; 
left: 491px; 
top: 145px; 
}

Dove sbaglio?

[Mich_]

Anzitutto ti sconsiglio di usare i posizionamenti assoluti: creano piu` scompensi che vantaggi (il rischio e` di non vedere alcuni blocchi o di avere sovrapposizioni), ed i problemi nascono su browser o dimensioni della finestra diversi da quelli testati.

Ma le mie soluzioni le hai provate?


E veniamo alle risposte specifiche:
1. sintassi HTML
<p id="frase">" testo "</p>
Le virgolette attorno a testo non possono starci in un documento XHTML: vanno sostituite con &amp;quot;

2. CSS - font-family
Quando un nome di carattere e` formato da piu` parole, va racchiuso tra apici:
font-family: 'Book Antiqua';
pero` nel tuo caso dovresti anche fornire un'alternativa se il browser non ha il font richiesto, esempio:
font-family: 'Book Antiqua', 'Times New Roman', Times, serif;
(al posto di "times new roman" puoi usare un carattere piu` simile al tuo "book antiqua", am alla fine devi finire con uno dei font generici (serif, sans-serif, monospace).

[gennaro1992]

Ciao ho provato con le tue soluzioni ma l'immagine non si centra.
Se non posso usare i posizionamenti assoluti,come posso fare per posizionare un immagine?

Per quanto riguarda i 9 avvisi in css,ho risolto grazie al tuo aiuto mettendo le virgolette,sei un genio .

Per il fatto delle virgolette nel codice xhtml,ho usato &quot ; però che strano con le " " sul sito http://validator.w3.org/ non mi ha dato nessun errore,come mai?

Comunque grazie mille per il tuo aiuto,oggi è l'ultimo giorno poi domani mattina parto e ritorno a gennaio,Tantissimi auguri a te e a tutto il forum.