centrare immagine

11 contenuti / 0 new
Ultimo contenuto
centrare immagine

utilizzo d6.20 con bueditor+imce
vorrei caricata l'immagine nella pagine in posizione centrale

ecco il codice che inserisco in body
<img src="/sites/default/files/tabellone1.png" width="692" height="769" alt="tabellone1.png" />
dove e che comando (... penso center...) devo inserire? grazie

Puoi aggiungere una classe es. class="center" e indicare come deve essere quella classe nel CSS.

Questo CSS può esserti utile:

/*immagini senza bordo*/
img.sinistra{float:left; margin: 0px 10px 0px 0px;}
img.destra{float:right; margin: 0px 0px 0px 10px;}
img.centro{display: block; margin: 0 auto;}
/*immagini con bordo*/
img.left,img.center,img.right  {padding: 4px; border: 1px solid #a0a0a0;overflow:hidden;}
img.left{float: left; margin: 0 12px 5px 0;}
img.center{display: block;margin: 0 auto;}
img.right{float: right;margin: 0 0 5px 12px;}

Usa css:

puoi faro in linea con aggiungendo:" style="display:block;margin 0 auto;text-align:center;"

oppure aggiungi una classe sul tuo foglio di stile e al tag img in questione con le medesime proprietà riportate sopra!

Ciao!

grazie a tutti per le informazioni.... pensavo si potesse risolvere inserendo il comando nel codice. ciao

Centrare immagine/testo :
<div align="center">immagine/testo</div>

motocad wrote:
Centrare immagine/testo :
<div align="center">immagine/testo</div>

Vero ma è deprecato...

krima wrote:
motocad wrote:
Centrare immagine/testo :
<div align="center">immagine/testo</div>

Vero ma è deprecato...

Sottoscrivo!

In ogni caso se lo scrivi "in linea" (anche se non è il massimo!) non è molto diverso da vecchio "align".

verrebbe così:

<img src="/sites/default/files/tabellone1.png" width="692" height="769" alt="tabellone1.png" style="display:block;margin 0 auto;text-align:center;" />

certo... con una classe è più pulito e corretto dal punto di vista formale.

;)

ho provato

<img src="/sites/default/files/tabellone1.png" width="692" height="769" alt="tabellone1.png" style="display:block;margin 0 auto;text-align:center;" />
ma non accade nulla

è deprecato mica è obsoleto comunque funziona pure questo
<img style="display: block; margin-left: auto; margin-right: auto;" src="INDIRIZZO IMMAGINE" alt="" width="123" height="456" />

Posta la pagina in cui è inserito... è possibile che qualche altro fattore influisca sul posizionamento...

ok motocad funziona!
grazie cmq dret