Anche meglio, ho creato uno script jQuery che mi sistema la posizione delle immagini in modo che se abbiamo la seguente situazione:
<p> <img /> <img /> </p>
Se le due immagini sono troppo grosse, andando quindi a finire una sotto l'altra, lo script va a impostare la larghezza massima delle immagini a 50% in modo che le due immagini risultino nuovamente affiancate.
Lo script controlla prima di tutto quante immagini sono presenti dentro ad un paragrafo, quindi va ad impostare ad ogni immagine una larghezza massima in modo che risultino tutte sulla stessa riga.
Quindi se abbiamo 3 immagini dentro ad un paragrafo, ad esse verrà assegnata la larghezza massima di 33%, se sono 4 verrà impostata 25% e così via.
Lo script è il seguente
jQuery('.rt-article p').each(function(index) {
var N = jQuery(this).find('img').size();
var maxWidth = ((100 / N) - 3) + "%";
if(N > 1) {
jQuery(this).find('img').css("maxWidth", maxWidth);
}
});
Il mio è pensato per funzionare con templates della Rocket, quindi per farlo funzionare sul vostro dovete modificare alla prima linea:
.rt-article con la classe assegnata agli articoli dal vostro template.
Comunque tornando in tema, continuo ad aspettare consigli su come rendere meno spoglio il mio bloggino