- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Переиграть и победить: как анализировать конкурентов для продвижения сайта
С помощью Ahrefs
Александр Шестаков
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
В связи с требованиями Гугла по адатпации сайта для мобильных браузеров, возникла необходимость отказаться от таблиц. Нужно чтоб элементы при уменьшении броузера уходили один под другой.
Но выровнять три элемента, например три картинки, на равном расстоянии друг от друга, да чтоб это расстояние сжималось до нуля, как в таблице... не получается.
Если во внешнем диве указать text-align:center, то картинки все стремятся в центр и прижимаются в нём друг к дружке в большом окне. А если указать отступы, даже в процентах, то они мешает картинками прижиматься при уменьшении окна.
Подскажите, плз, как задать плавающий отступ, как в таблицах?
Можно попробовать задать для элемента width и margin: ?px auto
Создал даже для картинок три блока <div style="display:inline; width: 33%; text-align:center; "> Для каждой. Картинкам указал margin: auto - ничего не помогает. Жмутся все к центру всё равно.
Замкнутый круг...
Так надо?
http://myt.myjino.ru/4.html
Да. Оно самое.
Только не понял... Блоки 999 паддингом что ли центруют внутренние блоки?
Не, паддинг - лишнее (наспех писАл), там маргин внутренних срабатывает.
Но, вообще, ИМХО, это кривовато для адаптива. Правильнее через media реализовывать. Так, например http://myt.myjino.ru/5.html
Вчера этим парился допиваливая главную страницу в опенкарте бутстрап шаблон. . мне хватило Inlineblock, float: right и всё
media тоже применяю. Гугл засыпал сообщениями. Вот и выкручиваюсь...
Тут похоже не годится он.
В хедере три картинки сверху общей длиной около 900 пх. А граница медиа больше 800 уже много. Либо две границы медиа делать, либо по вашему примеру.
Попробовал два блока по краям float раскидал с отступом от боков, средний отцентровал, тоже криво... правый сходу уезжает вниз раньше времени
---------- Добавлено 19.04.2015 в 22:21 ----------
fmex, сделаю по вашему примеру.
Спасибо!
Эх, уже дали решение.
А я уж думал написать, что для картинок и обычный старый добрый <center> подойдет :)
---------- Добавлено 20.04.2015 в 01:10 ----------
fordzon, гляньте, если не видели: /ru/forum/873867
Там исправленный вариант сообщении в 3. Снимет много проблем с картинками.
На <center> в html5 валидатор ругается
На <center> в html5 валидатор ругается
Знаю. Но я на валидатор с 2006 клал :) как сайты начал делать. Традиция-с.
Еще на сайте htmlbook видел примеров 5 выравнивания по центру, но уже не помню - где.