[wordpress] problemi con immagine al centro

[Ric_cardo]

ciao a tutti,

ho un sito basato su wordpress.
Quando inserisco un'immagine al centro ho due problemi:
1) l'area ipertestuale (cioè l'area dove il puntatore del mouse muta nella manina per il click) si estende oltre lo spazio occupato dall'immagine e finisce per occupare anche la parte vuota a destra e a sinistra dell'immagine
2) se inserisco una didascalia non è più possibile inserire l'immagine al centro, che finisce per posizionarsi tutta a sinistra

sapreste aiutarmi?

ciao e grazie,
Ric

wordpress 3.3.2
tema: apricot - http://wordpress.org/extend/themes/apricot

[kowvalski]

Forse è un problema di Css.

Prova a dare le dimensioni all'immagine (height e width), per centrare metti "margin: auto; text-align: center;

Spero ti sia di aiuto!

[piadina82]

Ho già avuto anch'io questo tipo di problema, anch'io ho provato il procedimento che ti ha scritto kowalski ed ha funzionato... in bocca al lupo!

[Ric_cardo]

Originariamente inviato da kowvalski
Forse è un problema di Css.

Prova a dare le dimensioni all'immagine (height e width), per centrare metti "margin: auto; text-align: center;

Spero ti sia di aiuto!

ciaoe intanto grazie mille.
ho provato a sostituire
margin: 10px;
con
margin: auto;
e sembra risolvere la cosa, per contro però ottengo che nelle immagini inserite a destra o a sinistra del testo (quindi con il testo affianco) l'immagine viene attaccata al testo, e vorrei evitare questo.

Lascio qui sotto la sezione relativa all'immagine del mio css:

.wp-caption {
border: 1px solid #ddd;
text-align: justify;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text, .wp-caption-dd {
font-size: 13px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;


ciao e grazie mille,
Ric

[kodem]

Prova dare un padding a .wp-caption img.

[Ric_cardo]

ciao e grazie mille
purtroppo così il problema rimane

sono riuscito a risolvere in parte il problema solo modificando in wp-caption:
border: 5px solid #ffffff;
background-color: #ffffff;

In questo modo il bordo per la didascalia non si vede più, perchè gli ho messo lo stesso colore dello sfondo del sito, però i 5px del bordo mi staccano comunque l'immagine dal testo affianco. In questo modo modificando come detto sopra:
margin: auto;
posso aggiungere immagini al centro con una didascalia, con l'area ipertestuale correttamente limitata ai bordi effettivi dell'immagine. Quando però un'immagine al centro non ha la didascalia, ottengo come prima che l'area ipertestuale si estende oltre i limiti dell'immagine a destra e a sinistra, e ora dovrei risolvere questo.

ciao e grazie mille,
Ric

[kowvalski]

Felice di esserti stato d'aiuto!