Модераторы: 2man
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Картинка сбивает весь сайт 
:(
    Опции темы
wordpressprog
  Дата 24.10.2016, 04:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 2
Регистрация: 24.10.2016

Репутация: нет
Всего: нет



Всем привет великим программистам.
Настал и мой черед создать свой первый сайт. 
Пока что дела идут хорошо но есть одно но. 
Купил шаблон, подстраиваю под себя. 
Добавил картинку на главную с услугами и тому подобное(размеры если не ошибаюсь 540x400px)
На моем ПК показывает все красиво, ничего не вылазит.
Но как только сажусь за ноут, планшет или телефон, эта картинка выходит за пределы. 
СКРИНЫ ПРИЛОЖУ.
Подскажите пожалуйста как сделать что бы картинка везде подстраивалась под размер экрана. 
Спасибо парни и девушки, заранее благодарен. 

П.С. Кому не тружно дайте маленькую оценку сайта. Что добавить, что убрать. Чего много и чего мало. 
Вы все молодцы, спасибо Вам.

Сам сайт - http://ct36908.tmweb.ru

Картинка на ПК- https://gyazo.com/a9ae1e820abccda6d081aa64d0a8406f
Картинка на Планшете - https://gyazo.com/ea5fd995c32684afa87389d93acb1931
Картинка на телефоне - https://gyazo.com/65e1987693fd1e647ab011be8ea68fd2
PM MAIL   Вверх
samssrus
Дата 25.10.2016, 09:38 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











вроде как на данный момент "width=100%" проблему решает.
а в целом, если смотреть, то:
- очень странная (нестандартная) сетка (css-grid) из-за нее такая фигня с адаптивностью дизайна.
- в блоке head очень много лишнего (даже по меркам wordpress). все инлайн-стили убрать в файл (из блока head и по коду страниц). все файлы стилей слить в один (если не собирать, то хотя бы @import-ом сделать), а в head оставить линк только на один файл.
- xmlns-namespace при html5?
- title пустой.

чтобы все было супер вот эта штука https://validator.w3.org должна прекратить ругаться.


Этот ответ добавлен с нового Винграда - http://vingrad.com
  Вверх
samssrus
Дата 25.10.2016, 09:38 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











вроде как на данный момент "width=100%" проблему решает.
а в целом, если смотреть, то:
- очень странная (нестандартная) сетка (css-grid) из-за нее такая фигня с адаптивностью дизайна.
- в блоке head очень много лишнего (даже по меркам wordpress). все инлайн-стили убрать в файл (из блока head и по коду страниц). все файлы стилей слить в один (если не собирать, то хотя бы @import-ом сделать), а в head оставить линк только на один файл.
- xmlns-namespace при html5?
- title пустой.

чтобы все было супер вот эта штука https://validator.w3.org должна прекратить ругаться.


Этот ответ добавлен с нового Винграда - http://vingrad.com
  Вверх
samssrus
Дата 25.10.2016, 09:38 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











вроде как на данный момент "width=100%" проблему решает.
а в целом, если смотреть, то:
- очень странная (нестандартная) сетка (css-grid) из-за нее такая фигня с адаптивностью дизайна.
- в блоке head очень много лишнего (даже по меркам wordpress). все инлайн-стили убрать в файл (из блока head и по коду страниц). все файлы стилей слить в один (если не собирать, то хотя бы @import-ом сделать), а в head оставить линк только на один файл.
- xmlns-namespace при html5?
- title пустой.

чтобы все было супер вот эта штука https://validator.w3.org должна прекратить ругаться.


Этот ответ добавлен с нового Винграда - http://vingrad.com
  Вверх
samssrus
Дата 25.10.2016, 09:38 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











вроде как на данный момент "width=100%" проблему решает.
а в целом, если смотреть, то:
- очень странная (нестандартная) сетка (css-grid) из-за нее такая фигня с адаптивностью дизайна.
- в блоке head очень много лишнего (даже по меркам wordpress). все инлайн-стили убрать в файл (из блока head и по коду страниц). все файлы стилей слить в один (если не собирать, то хотя бы @import-ом сделать), а в head оставить линк только на один файл.
- xmlns-namespace при html5?
- title пустой.

чтобы все было супер вот эта штука https://validator.w3.org должна прекратить ругаться.


Этот ответ добавлен с нового Винграда - http://vingrad.com
  Вверх
samssrus
Дата 25.10.2016, 09:38 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











вроде как на данный момент "width=100%" проблему решает.
а в целом, если смотреть, то:
- очень странная (нестандартная) сетка (css-grid) из-за нее такая фигня с адаптивностью дизайна.
- в блоке head очень много лишнего (даже по меркам wordpress). все инлайн-стили убрать в файл (из блока head и по коду страниц). все файлы стилей слить в один (если не собирать, то хотя бы @import-ом сделать), а в head оставить линк только на один файл.
- xmlns-namespace при html5?
- title пустой.

чтобы все было супер вот эта штука https://validator.w3.org должна прекратить ругаться.


Этот ответ добавлен с нового Винграда - http://vingrad.com
  Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | WordPress | Следующая тема »


 




[ Время генерации скрипта: 0.1271 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.