[CSS] Centrare le immagini

[Iena87]

Date un'occhiata a questa pagina: CLIKKAME

Scorretela un pò e noterete che ci sono delle immagini in linea, ma nn centrate...io ho impostato nella head, nel tag style, una classe che da all'immagine un display:inline e un text-align:center...ma perchè nn le centra?


So che la pagina è pesantuccia da caricare, ma è una timeline e nn posso dividerla in + pagine...altrimenti come potrei fare?

[Sky]

Le immagini non vengono centrare perché il text-align viene applicato a ciò che il tag contiene (<span style="text-align: center">testo</span> ok, <img style="text-align: center"> non va bene). Per risolvere l'inconveniente puoi inserire le immagini all'interno di un tag block-livel (<div>, o

ad esempio), e ad esso specificare il text-align: center (anziché ai tag img).
Ecco un codice di esempio:

<style type="text/css">
  .centrato {
    text-align: center
  }
</style>

<p class="centrato">[img][/img]</p>

Ciao ciao :)

[Iena87]

Originariamente inviato da Sky
Le immagini non vengono centrare perché il text-align viene applicato a ciò che il tag contiene (<span style="text-align: center">testo</span> ok, <img style="text-align: center"> non va bene). Per risolvere l'inconveniente puoi inserire le immagini all'interno di un tag block-livel (<div>, o

ad esempio), e ad esso specificare il text-align: center (anziché ai tag img).
Ecco un codice di esempio:

<style type="text/css">
  .centrato {
    text-align: center
  }
</style>

<p class="centrato">[img][/img]</p>

Ciao ciao

ah ok, grazie mille

[Sky]

Figurati :P

[No?Ya]

Ciao!

Ho provato a fare così ma sembrerebbe non funzionare!!

l'immagine resta sempre allineata a sinistra...

Tengo a precisare che il layout della pagina è liquido, ma questo credo non c'entri!

[No?Ya]

Originariamente inviato da No?Ya
Ho provato a fare così ma sembrerebbe non funzionare!!

Volevo segnalare che il metodo è corretto, sono io che avevo fatto un errore di chiusura di un tag precedente...


scusate