PDA

Zobacz pełną wersję : Jak zwiększyć odległość między obrazkiem a tekstem?



ewqa
22-04-2011, 19:13
Właśnie próbuje zwiększyć odległość między tekstem a obrazkiem na swojej stronie (http://www.psychoszminka.pl). Próbowałam już wstawić coś takiego:


text img
{
margin: 10px;

}

i tak:


content img
{
margin: 10px;
}

Ale nie udało się





Jak dodałam taki kod


img { border: 0 none; margin:0px; padding: 10px}

i


img { border: 0 none; margin: 10px}

to rzeczywiście zwiększył się odstęp ale nie wszędzie, bo mam różny odstęp od początku strony i różny margines i czasami tekst nachodził na obrazek. No więc wolałabym wstawić taki kod na odległość między obrazkiem a tekstem.

Kombinowałam też tak:


img { border: 0 none; margin:0px; text-img: 10px}



Może ktoś wie jaki kod wstawić na odległość między obrazkiem a tekstem? Może text img trzeba zdefiniować też w html i w jakieś divy włożyć?

a_m
22-04-2011, 19:44
.contentpaneopen p img{margin:0 10px 0 0}
ale to zadziała jak masz img w p;

jak dopiszesz .contentpaneopen img{margin:0 10px 0 0}, to będzie ok, ale np. ikonki "drukuj" itd zaczną wariować;

jak masz plik edytor.css dopisz tam sobie np .my_img{margin:0 10px 0 0} + to samo w template. i dodawaj klasy zdjęciom z pozycji edytora

ewqa
22-04-2011, 20:25
Dodałam my_img {margin:0 10px 0 0;} w css template ( bo tylko to mam na zapleczu) i nic się nie zmieniło. A jakie klasy zdjęciom? Nie chcę nic zmieniać w kodach artykułów, bo bym musiała chyba z 50 artykułów tak edytować...

a_m
22-04-2011, 20:36
samo my_img {margin:0 10px 0 0;} ( .my_img {margin:0 10px 0 0;}) nic nie da, bo to przykładowa klasa i trzeba dodać w edytor.css itd ...... - masz wyżej
to spróbuj wcześniejszych rozwiązań - zadziałają;
albo zainstalij np BK-Multithumb; w konfiguracji dodatku ustal wielkość fotek, możesz tam także określić - przez css wpisywany w odpowiednim okienku - inne właściwości: marginesy, paddingi ... ale żeby obrazy nie otwierały się w jakimś popupie czy innym slimboxie (bio tego nie masz na stronie) w ustawieniach dodatku > parametr popup method wybierz no popup .....

ewqa
22-04-2011, 20:56
Teraz chyba jest ok, ale nie wiem bo u mnie w przeglądarce jest nadal tak samo a w innych różnie... Ale chyba jest dobrze :)

a_m
22-04-2011, 21:00
no to zmień jeszcze obecny wpis na .contentpaneopen p img, .img_caption{margin:0 10px 0 0} i wyczyść cache innych przeglądarek

ewqa
22-04-2011, 21:04
O teraz jest dobrze. Dziękuję :)