1

Тема: Проблема с выравниванием изображений в бесплатной теме Boom

Добрый день, возникла такая проблема:
При попытки выравнять горизонтально, по центру страницы три пиктограммы соц сетей, твориться что то непонятное
Если использую код

<div align="center" margin="5px" width="100%"><img alt=" " src="/data/uploads/img/contact/logo_vkontakte.png" style="width: 50px; height: 50px;" /> <img alt="" src="/data/uploads/img/contact/instagram.png" style="width: 50px; height: 50px;" /> <img alt="" src="/data/uploads/img/contact/facebook.png" style="width: 50px; height: 50px;" /></div>

то в редакторе всё отображается корректно, так как нужно

+ открыть спойлер

http://rghost.ru/7LnPtf9gk/image.png

а при открытии страницы почему то изображения стоят вертикально

+ открыть спойлер

http://rghost.ru/6cCd2R7sx/image.png

Подозреваю что проблема где то в стилях идущих с темой, например если не использовать <div> а поставить картинки в тег <p> с явным указанием размера в 50 пикселей, то тоже творится какая то чертовщина, хотя редактор в предпросмотре показывает всё правильно:

+ открыть спойлер
<p style="text-align: center;">Мы в социальных сетях:<br />
    <br />
    <img alt=" " height="50px" src="/data/uploads/img/contact/logo_vkontakte.png" width="50px" /> <img alt="" height="50px" src="/data/uploads/img/contact/instagram.png" width="50px" /> <img alt="" height="50px" src="/data/uploads/img/contact/facebook.png" width="50px" /></p>

http://rghost.ru/8CwWdL6S2/image.png

Подскажите как исправить, у меня идеи закончились.

Поделиться

2

Re: Проблема с выравниванием изображений в бесплатной теме Boom

в стилях style.css для изображений прописаны свойства

/*вне абзацев(параграфов)*/
.article img {
    margin-bottom : 10px;
    display : block;
}
/*в абзацах*/
.article p img {
    float : left;
    margin : 5px 3% 5px 0;
    width : 33%!important;
}
.article img.fl-right {
    float : right;
    margin : 5px 0 5px 3%;
    width : 33%!important;
}

если вы размещаете изображения в блоке, просто уберите display : block;

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

3 (2015-06-29 21:39:12 отредактировано Евгений)

Re: Проблема с выравниванием изображений в бесплатной теме Boom

Еще по поводу BOOM. Установил эту тему вместо старой. На компе все выглядит отлично. Но с Нокии с экраном 320х240 при попытке загрузить сайт через оперу мини - пустой экран. Через ЮСИ браузер (с того же телефона) загружается без мобильного вида (и без выпадающего меню). Я думаю что проблема не в телефоне и браузерах, потому что перед выбором темы я просматривал ДЕМО у всех тем - они, кроме Boom, все отображались коректно, в том числе и на этом телефоне.
Как вы думаете, в чем может быть проблема?

Поделиться

4

Re: Проблема с выравниванием изображений в бесплатной теме Boom

я не могу тестировать свои шаблоны на всех мобильных устройствах во всех браузерах, я тестирую их здесь http://quirktools.com/screenfly/#u=http … 31&s=1
не поверите, но моему мобильнику уже 8 лет и в инет я с него не хожу smile, я по нему звоню, сына спросил, он проверил на самсунге 320х533 - все работает

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

5

Re: Проблема с выравниванием изображений в бесплатной теме Boom

olsv64 пишет:

я не могу тестировать свои шаблоны на всех мобильных устройствах во всех браузерах, я тестирую их здесь http://quirktools.com/screenfly/#u=http … 31&s=1
не поверите, но моему мобильнику уже 8 лет и в инет я с него не хожу smile, я по нему звоню, сына спросил, он проверил на самсунге 320х533 - все работает

Не понятно вот что: все остальные ваши темы отоброжаются коректно, а эта нет. Чем она отличается? Подскажите где (в каком файле) поискать проблему. Не хочется трафик терять даже с таких устройств.

Поделиться

6

Re: Проблема с выравниванием изображений в бесплатной теме Boom

посмотрите в responsive.css, хотя я все-таки склонен полагать, что дело в ваших браузерах

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

7

Re: Проблема с выравниванием изображений в бесплатной теме Boom

olsv64 пишет:

посмотрите в responsive.css, хотя я все-таки склонен полагать, что дело в ваших браузерах

Спорить не буду, но меня смущает тот факт, что мои браузеры не хотят дружить только с этой темой, а с остальными все ок! Спасибо за совет, посмотрю.

Поделиться

8

Re: Проблема с выравниванием изображений в бесплатной теме Boom

Евгений пишет:

Спорить не буду, но меня смущает тот факт, что мои браузеры не хотят дружить только с этой темой, а с остальными все ок! Спасибо за совет, посмотрю.

У Boom-а, точнее, у Оперы Мини с JQuery что-то не так. Смени его в теме на другой (я JQ 1.11.2 закинул)... Почему так, хз, но только потестил: http://demo.studionik.ru/one/

PS. На Самсе Gio белый экран был аналогично. Сейчас норм. Только лучше проверь с мобилы предварительно ссылочку и поделись результатом, если не сложно.

Создание сайтов для бизнеса | studionik.ru | + 7 (921) 669-19-01

Поделиться