StOK

Но он же не прописывается в шаблоне. Все что мне доступно <script async src="//ads.site.ru/" onload="InitAipg_678900374767457885(this)"></script> Может есть какое-то решение, при котором рекламный блок любой сети будет показываться корректно на мобильных? Какие дополнения нужно прописать в медиазапросах, чтобы все рекламные блоки сжимались автоматически на мобильных устройствах?

Править шаблоны рекламных блоков. Подскажите, как поправить блок такого типа: <script async src="//ads.site.ru/" onload="InitAipg_678900374767457885(this)"></script>

Да, стили подключаются с медиазапросами. Нашла причину, почему сайт не отображается корректно на мобильных - блоки с контентом и картинками не сжимаются из-за рекламных блоков. Существует ли способ сделать неадаптивные рекламные и тизерные блоки адаптивными, чтобы они не мешали правильному отображению адаптивного шаблона? Может, в моем шаблоне нет какой-то функции, которая должна способствовать тому, чтобы рекламные блоки сжимались?

Здравствуйте! Может кто подскажет, как решить проблему... Пока не умею верстать шаблоны для Вордпресса, поэтому использую бесплатный. В шаблоне есть контрольная панель, в которой задаются настройки. Я его использовала несколько лет. Сейчас по стандартам Гугла нужно устанавливать адаптивные темы на сайты. Шаблон, который я использую, обновился и у него теперь в стилях прописаны медазапросы. Я удалила старую версию и установила новую. Медиазапросы не активируются. Сервис проверки от Гугла пишет, что шаблон не адаптирован, а на мобильном видно, что обрезается часть контента и половина каждой картинки. На планшете сайдбар налезает на контент. Я создала новый тестировочный сайт, установила новую версию Ворпресса и загрузила ту же тему с медиазапросами. На тестировочном сайте медиазапросы активируются и сайт корректно отображается на мобильных устройствах. И сервис от Гугла признает его за оптимизированный под мобильные. Я попыталась понять, в чем причина того, что не активируются медиазапросы на основном сайте и не нашла ошибки. Специально перед удалением темы сбросила настройки в контрольной панели, обновила Ворпресс до новой версии и загрузила ту же тему с медиазапросами. Но медиазапросы не активируются. Может у кого была подобная проблема? Или кто-нибудь из вас, уважаемые форумчане знает, где могут сохраняться настройки старой темы. Имеется в виду, в какой папке на хостинге могут оставаться настройки старого шаблона, если он полностью удален с сайта.

Еще вопрос: многими верстальщиками, освоившими технику создания отзывчивых шаблонов, рекомендуется прописывать img { max-width: 100%; height: auto; } для того, чтобы картинки изменяли свой размер на мобильных устройствах. Если я прописываю этот стиль, то у меня на мониторе компьютера картинки сжимаются. На мобильных они выглядят еще хуже. В чем может быть проблема? Размеры картинок указаны в пикселях в коде страницы.

Не помогло. Нашла, что нужно прописывать: @media (min-width: 600px) { } @media screen and (max-width: 600px) { table thead { display: none; } table td { display: block; position: relative; } В результате все картинки и содержимое ячеек выстраивается в одну колонку, которая прокручивается вертикально, как и должно быть на мобильниках.Но, к сожалению, все картинки и блоки с текстом, а также форма подписки лепятся к левому краю на мониторах мобильных устройств. Как это исправить? И еще вопрос: я задаю ширину каждой ячейки, как и таблицы в процентах. Форма подписки и ее поля - тоже в процентах. Но на мобильниках это все вытягивается горизонтально за область просмотра. При задании фиксированной ширины в пикселях, на мобильниках отображается как нужно - по ширине экрана, а вот на мониторе компьютера форма подписки выглядит мелковато. Как это исправить?

Возник такой вопрос: можно ли создать отзывчивый дизайн не на основе дивов, а используя таблицы? Имеется ввиду, что значения таблицы и ее ячеек будут указываться в процентах, как и в случае с дивами. Будет ли такой шаблон с таблицами правильно отображаться на мобильных устройствах?

Подскажите, пожалуйста, как адаптировать отдельную страницу или одностраничник под мобильные устройства? Я создала страничку подписки с резиновым дизайном, но при проверке в сервисе гугла https://www.google.com/webmasters/tools/mobile-friendly/ оказывается, что моя страничка не оптимизирована под мобильные устройства, там же указываются распространенные недостатки: - слишком мелкий шрифт; - не задана область просмотра для мобильных устройств; - ссылки слишком близко друг к другу; - контент шире экрана. Проверяла на мобильнике страничка целиком на нем видна без прокрутки. Но чтобы она показывалась в поиске, важно, чтобы она соответствовала стандартам гугла. Как это осуществить? Я попыталась задать область просмотра на мобильных устройствах и прописала: <meta name="viewport" content="width=device-width, initial-scale=1"/ > Все недостатки, перечисленные выше, сразу исчезли, но основной проблемой стала - "контент шире экрана". При этом гугл показывает, что на мобильнике отображается только левый верхний край странички. Какие теги и стили прописать, чтобы страничка соответствовала требованиям гугла и при этом полноценно отображалась в мобильниках?

Всем спасибо! Проблему решила. Не удавалось выровнять текст по верхнему краю ячейки и по ее центру. Потом по верху выровняла, благодаря подсказке rus. Теперь и по центру получилось выровнять.

Не помогает. Помогло это: vertical-align: top; padding-left: 8%; Но только для левой и средней ячеек, а в правой текст не отодвигается. В чем может быть проблема?

Спасибо! Помогло. Дивы убрала и текст смогла выровнять с vertical-align: top; Теперь вопрос: как сделать так, что этот текст размешался в центре каждой ячейки, но был выровнен по левому краю?

Здравствуйте! Подскажите, как выровнять текст в дивах по верхнему краю. Я создала три ячейки по горизонтали. В каждую внедрила по одному диву. В каждый из дивов внедрила текст. Количество символов в каждом диве разнится. Текст в первом диве расположен по верху, во втором смещен к середине, в третьем - еще ниже. Попыталась внедрить одинаковое число символов, но толку мало, текст сдвигается, как и при разном количестве слов.

Можно закрывать тему, поняла, что нужно прописать <body style="margin:0px; padding: 0px;">, чтобы отступов не было.

Здравствуйте! Интересует, как можно растянуть фон четырех горизонтальных ячеек, расположенных в одном ряду, чтобы весь ряд выходил за пределы экрана. Я сделала таблицу, в одном из рядов решила создать меню, используя ячейки таблицы. Ширину таблицы выставила 100%, а ширину каждой ячейки 25%. В каждой ячейке фоновая картинка. Но несмотря на то что ширина указана максимальная, картинка в крайних ячейках располагается с отступом от края экрана. Как убрать этот отступ? Пыталась увеличить ширину таблицы, но она просто сдвигается вправо, а слева остается отступ.

Спасибо за ответы, помогло. Только css-стили пришлось взять другие: :focus::-webkit-input-placeholder {color: transparent} :focus::-moz-placeholder {color: transparent} :focus:-moz-placeholder {color: transparent} :focus:-ms-input-placeholder {color: transparent}

Здравствуйте! Подскажите, как сделать так, чтобы надпись "Ваш Е-мэйл" в окошке формы подписки исчезала при наведении на нее курсора. Сейчас приходится ее выделять и удалять, а только после этого можно указать Е-мэйл.

Вы имеете в виду, что опечатка в html-коде страницы? Или в стилях? Я указываю в стилях body { background-image: url(images/1.jpg); background-repeat: no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100% 100%; } И все отлично срабатывает, если фон-картинка, созданная в фотошопе. Но фотография-фон вытягивается по горизонтали и сужается по вертикали из-за background-size: 100% 100%;. И так на нескольких страничках с разными фотографиями. Возник еще один вопрос. Я проверила свои странички в сервисе проверки CSS и там мне указали на ошибки: Свойство -moz-background-size - неизвестное расширение поставщика Свойство -webkit-background-size - неизвестное расширение поставщика Свойство -o-background-size - неизвестное расширение поставщика Следует эти значения убрать из таблицы стилей?

Подскажите, пожалуйста, почему, если задаю background-size:100% 100%; для картинки-фона, созданного в фотошопе, то он безо всяких проблем растягивается и по горизонтали и по вертикали. Но стоит мне задать те же параметры для фотографии, сжатой в том же фотошопе, как она становится узкой линией, расположенной в верхней части страницы.

Я добавила min-height: 100vh; в стили, но ничего не изменилось. Фоновая картинка остается на месте, а блоки съезжают вниз, если я уменьшаю окно браузера. Может есть другое решение? И может ли величина картинки влиять на ее способность растягиваться, если заданы такие стили? У блоков величина тоже в процентах. Чтобы изображение растягивалось по вертикали вам нужно добавить еще одно значение, т.е. background-size:100% 100%; Если надо чтобы изображение растягивалось только по вертикали: background-size:auto 100%; Спасибо большое за подсказку! Сразу сработало, фон растягивается и по горизонтали и по вертикали.

Может кто сможет ответить на вопрос: как сделать, чтобы фоновая картинка сайта растягивалась вертикально? Я нашла стиль для горизонтального растягивания фоновой картинки: body { background-image: url(images/1.jpg); background-repeat: no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } Существует ли что-то подобное для вертикального растягивания фоновой картинки сайта?

Доброго дня всем форумчанам. Возник такой вопрос: как растянуть ячейку с фоновой картинкой? В ячейке нет текста, поэтому она остается изначальной формы, хотя заданы ее ширина и высота.

Спасибо, уже нашла почему.

Не могли бы Вы подсказать, почему при добавлении атрибута "colspan" весь шаблон съезжает?

Подскажите, пожалуйста, как отцентрировать заголовок в части таблицы, состоящей из трех, горизонтально расположенных ячеек. Заголовок размещается в средней ячейке. Все три ячейки разной ширины: - первая 30%; - вторая 60%; - третья 4%. Нужно сделать так, чтобы заголовок был в центре всего блока, состоящего из трех ячеек.

Спасибо за Ваш ответ! Перемещу стили в head. Могли бы Вы уточнить, в чем заключается оптимизация? Я в курсе, как оптимизировать сайт и отдельную страницу под поисковики. Но Вы видимо имеете ввиду оптимизацию под различные браузеры?