CSS e immagini

[je92]

Sto sistemando un tema wordpress in cui però le immagini non stanno centrate a meno che non aggiungo prima <p style="text-align: center;">, il che come metodo è un pò scomodo. Ora vi metto il link al css completo.

se qualcuna sa capirci di più lo ringrazio sin da ora....

http://pastebin.com/0Z8gdtQv

Qui potete vedere il tema e il problema
http://www.vampirediaries-love.net/?...ireDiariesLove

Grazie

[esseAemme]

Ciao Je92.

Devi prendere il tuo file html, leggere il codice sorgente e vedere le tue immagini a quale classe o id sono legate.

A quel punto vai sul foglio css e aggiungi alla classe o all'id d'interesse e inserisci l'attributo align center.

Sam

[je92]

La classe è "aligncenter", l'id potrebbe essere "bodypost" ma non ne sono sicura

[je92]

Ho chiesto a chi mi ha realizzato il tema e questa è la risposta:

"I happens because I have set the css to align text on the left, so the class "aligncenter" on the image doesn't overwrite the class I set in the stylesheet as the browser recognises the one I set to the div as more important than that."

Quindi ho capito il concetto, e cioè che il css è settato per allineare solo a destra e a sinistra, ma non riesco a trovare questa regola in modo da eliminarla/modificarla, ecc..

Il css è questo se ha qualcuno va di darmi una mano
http://pastebin.com/0Z8gdtQv

[esseAemme]

Ciao Je92,

dato che posti tutto il codice non ho il tempo materiale di identificare quale sia la classe o l'id che ti permetta di controllare le immagini.

Comunque, il tipo ti dice che ha impostato tutto il testo con un div allineato a sinistra. Se l'id del div che contiene le immagini che ti interessano, dovresti dire che le immagini all'interno di quel div hanno un align center.

Potresti provare a identificare direttamente le immagini scrivendo sul foglio di stile una cosa tipo questa, se le informazioni che TU hai scritto sono corrette:

Questo è il codice css applicato all'id bodypost:

#bodypost{
	font-size: 12px;
	text-align: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
}

Tu potresti aggiungere:

div#bodypost img {
	align: center;
}

e prova a leggere qui: http://www.w3schools.com/tags/tag_IMG.asp

Sam

[je92]

Risolto...