immagine centrata che non sta al centro

[juventusei]

Ciao a tutti,
sto creando un sito, non sono un grande esperto ma me la cavo.
Il sito ha un blocco di sinistra e uno di destra, nel blocco di sinistra ci sono delle immagini che ruotano e sotto 4 blocchi con quattro testi, mentre a destra ci sono dei banner che mi servirebbero per presentare dei manifesti di eventi locali.
Il problema è appunto nella colonna chiamata "right" dopo aver creato sia la regola css che la classe dicendo che l'immagine deve stare al centro della colonna, mi viene spostata a sinistra (nella visualizzazione nel browser) mentre in dreamweaver me la fa vedere correttamente al centro. Mi potreste aiutare

Questo è il codice:

 <div id="right">
         <p><a href="http://www.adunataalpini-pordenone2014.it/" target="_blank"><img src="img/banner.jpg" alt="banner" width="146" height="187" align="middle" /></a></p>
          <h3>9-10-11 maggio 2014</h3>
          <h3>87° Adunata degli Alpini</h3>
        </div> 
        
<div class="clear"></div>  
        <!--fine right-->

Questa è la regola CSS:

#right {
    float: right;
    width: 192px;
    text-align: center;
    margin-top: 17px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

Grazie mille a tutti.

[juventusei]

Allegato 23432

questo è lo screenshot del sito

[luca1962]

Io non sono cosi' avanti nella progettazione dei siti, ma se mettessi il tag <center> ... </center> ?

[Prill]

dopo aver creato sia la regola css che la classe dicendo che l'immagine deve stare al centro della colonna, mi viene spostata a sinistra

non esiste un attributo middle per align, puoi toglierlo. Il paragrafo dovrebbe ereditare il text-align:center del div che lo contiene e l'immagine (che è un elemento in linea) disporsi al centro; se non accade significa che qualche altra impostazione nel css influisce

@luca1962, il tag center è deprecato e da evitare

[juventusei]

non esiste un attributo middle per align, puoi toglierlo. Il paragrafo dovrebbe ereditare il text-align:center del div che lo contiene e l'immagine (che è un elemento in linea) disporsi al centro; se non accade significa che qualche altra impostazione nel css influisce

@luca1962, il tag center è deprecato e da evitare

Grazie appena arrivo a casa provo a vedere!!!

[juventusei]

Io non sono cosi' avanti nella progettazione dei siti, ma se mettessi il tag <center> ... </center> ?

facendo così l'immagine si sposta al centro, è una strategia che non mi entusiasma molto però funziona e se non riesco a fare altro lo farò.

[Prill]

nella colonna chiamata "right" dopo aver creato sia la regola css che la classe dicendo che l'immagine deve stare al centro della colonna, mi viene spostata a sinistra

facendo così l'immagine si sposta al centro, è una strategia che non mi entusiasma molto però funziona e se non riesco a fare altro lo farò.

non era ciò che volevi? che si spostasse al centro?

[juventusei]

non era ciò che volevi? che si spostasse al centro?

Sicuramente alla fine userò il center ma non mi entusiasma e soprattutto non capisco come mai nella visualizzazione in progrettazione di dw vedo tutto giusto e poi quando lo metto per visualizzarlo nel browser tutto questo non funziona.

[Prill]

se non ti piace il text-align:center sull'elemento che contiene l'immagine, puoi assegnare a quest'ultima un display:block e un margin:0 auto