jak odkleić obrazki od tekstu? (IE widzi odstępy, Mozilla nie)

[wuwu_ag]

Witam,
Mam joomle 1.5.9.
Borykam się z następującym problemem. Uzupełniałam treść strony pod szablonem JaPurity,wszystko było ok. Następnie, po opublikowaniu innej templatki jako domyślnej, obrazki przykleiły się do tekstów. Co więcej, przykleiły się całkowicie w Mozilli a pozostał odstęp w IE. W edytorze sprawdzam ustawienia obrazków - są ustawione odstępy na "5", zapisuję i Mozilla nie widzi odstępów. Jak wpisuję w preferencjach konkretnego obrazka w stylu: "margin: 10px" to owszem, obrazek odstępuje od tekstów, jednak to jest rozwiązanie domyślam się, że "naokoło". Poza tym, nie jestem w stanie w ten sposób przerobić obrazków ze wszystkich przerzuconych do bazy newsów. Proszę o poradę, jak zrobić to "globalnie", co należałoby zmienić w szablonie? Dla zobrazowania problemu podaję testowy artykuł z takim zdjęciem: http://test.takhi.org.pl/nietoperze/212-dlaborysa
Będę wdzięczna za wskazówkę.
Pozdrawiam
Ania [wuwu]

[PeFik]

zainstaluj sobie edytor JCE, on podczas dodawania zdjęć ma opcje określ marginesy lewy/prawy/górny/dolny i tyle. Z pewnością ci pomoże.

JCE : info -> http://blog.elimu.pl/?cat=51

Poza tym zalecam aktualizacje do 1.5.10 i lekturę http://blog.elimu.pl/

[wuwu_ag]

Dziękuję za radę. Fajny ten JCE, problem się rozwiązał ale połowicznie. To znaczy nowe zdjęcia mogę faktycznie ładnie ustawić. Ale co zrobić z masą zdjęć wstawionych innym edytorem w starych newsach?
Ania

[ossy]

Dzieje sie tak dlatego, że niedawno hspace & vspace (a to mamy standardowo w opcji edycji zdjęć w Tiny MC) wypadły ze specyfikacji html, Microsoft widocznie nie jeszcze zauważył tej zmiany, i typowa clasa caption z joomli dziala w nim (tak jak kiedyś działała i w mozilli), a idąca z duchem czasu mozilla tak.
Trzeba zmienic marginesy odpowiadające za zdjęcia w serwisie (w pliku css templatki) i będziesz miała automatycznie w we wczeniejszych artykułach wszedzie odstepy od tekstu, ktore sobie wyznaczysz pod warunkiem, że ukladasz zawsze zdjecia w artykulach po tej samej stronie np po lewej (wtedy zmienisz to hurtowo dopiskiem marginesów na sztywno w css)

np:
img.caption {
margin-top: 5px;
margin-feft:0px;
margin-right:5px;
margin-botton:5px;
}

jesli zaś stosujesz zdjecia w roznych miejscach w artykułach, musisz dopisac nowe style uwzgledniajac w nich marginesy. I bedzie dobrze i w IE i w Mozilli.

pozdrawiam
S.