Centrare immagini

[samiel]

Devo inserire una serie di immagini (non di sfondo) in svariate pagine html.
Attualmente ci sono riuscito solo con html mediante questa soluzione:




[img]a4.jpeg[/img]
</p>

Non so se è un po' ridondante, cioè se si può fare a meno di inserirla in

</p>
visto che il paragrafo in questione non contiene altro...

Poi, per evitare codice superfluo in html ,nel css
(sto facendo un po' di prove per cominciare a capirne qualcosa)
ho messo questo:

img {
display:block; margin-left:auto; margin-right:auto;
}

Di conseguenza nell'htm basta questo codice per centrare l'immagine:
[img]a4.jpeg[/img]

Quello che non capisco: qual è l'utilità di incorporare l'immagine in un paragrafo in html?
E nel css dovrei fare lo stesso e perché o basta il codice che ho messo, senza riferimento
a

</p>?

Grazie
M.

[gabip87]

   <div id="content">
         

         [img]path/file.ext[/img]

         
   </div>

      #content
      {
            text-align:center;
      }

oppure

      img
      {
            display:block;
            margin:0 auto;    /*   puoi cambiare il primo valore  */
      }

[samiel]

Grazie per le indicazioni. Allora...
La prima e la terza mi funzionano.

A proposito della seconda, ho messo
in HTML la riga:
<p id="content"> img src="a4.jpeg" </p>
ma non funziona...

Mi sfugge in questo caso l'applicazione dell'ID...

Mille grazie
M.

[gabip87]

#content va a toccare il div, e non il tag

, per questo non ti cambia niente. comunque, non devi più insrire il tag <img> all'interno del

per centrarlo

[samiel]

Allora.. mettendo nel CSS

#image
{
text-align:center;
}

e in HTML

<div id="image">a4.jpeg</div>

oppure

<p id="image">a4.jpeg</p>

vedo la scritta e non l'immagine.

In una guida, peraltro, ho trovato la seguent esintassi:
<div id="nome_ID";>nome dell'immagine</div>

che aggiunge il punto e virgola dopo il nome ID,
ma Quanta Plus me lo considera errore...

Grazie
M.

[gabip87]

il punto e virgola non va messo. lascia stare quella guida e usa quelle di HTML.it e w3schools.
ti consiglio vivamente anche la guida sull'(X)HTML. senza le basi non andrai da nessuna parte. le immagini vanno inserite in questo modo:

[img]path/fileName.ext[/img]

per il resto, guarda il codice che ho postato sopra. con le conoscenze di base riuscirai a capirlo senza problemi.

[samiel]

Ho risolto così:

<div id="image">
[img]a4.jpeg[/img]
</div>

Sto vedendo anche la guida su XHTML
e quella sul layout...

Grazie!
M.