X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Как сделать что бы баннер под шапкой сужался вместе с сайтом
cerrus
cerrus
Topic Starter сообщение 19.2.2016, 21:57; Ответить: cerrus
Сообщение #1


Завсегдатай
*****


Группа: Active User
Сообщений: 540
Регистрация: 21.3.2009
Поблагодарили: 59 раз
Репутация:   17  


Привет всем форумчанам!!

Нужна ваша помощь! ели не трудно помогите пожалуйста!
Проблема вот в чём: Я под шапкой сайта хочу поставить баннер 1180 х113, но при сжимании страницы вертикально, сама страница сжимается а баннер нет! или же если я захожу с телефона на сайт то тоже самое!
Вопрос: Как сделать так что бы баннер сжимался вместе с сайтом??

Если есть свободная минутка подскажите Плиз!

Вот сам сайт, посмотрите сами и поймёте что я имею ввиду chemnitz_ru
Он же в подписи!


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mmkulikov
mmkulikov
сообщение 19.2.2016, 22:02; Ответить: mmkulikov
Сообщение #2


Старожил
******

Группа: Active User
Сообщений: 2023
Регистрация: 21.9.2012
Из: СССР
Поблагодарили: 587 раз
Репутация:   68  


Цитата(cerrus @ 19.2.2016, 19:57) *
Как сделать так что бы баннер сжимался вместе с сайтом

width: 100%;


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 19.2.2016, 22:10; Ответить: falken
Сообщение #3


online
*******

Группа: Ex-Moderator
Сообщений: 3742
Регистрация: 23.3.2011
Поблагодарили: 3986 раз
Репутация:   361  


Либо (не рекомендую):
Код
a[href*="chemnitz"] img {
    width: 100%;
}

Либо задать селектору <a> класс и исходить уже из него:
Код
a.top_banner img {
    width: 100%;
}

Пример:


Либо задать селектору <img> класс и исходить уже из него:
Код
img.top_banner {
    width: 100%;
}

Пример:


Примечание: в перспективе, если баннер окажется НЕ изображением, то все эти манипуляции действовать не будут.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cerrus
cerrus
Topic Starter сообщение 19.2.2016, 22:36; Ответить: cerrus
Сообщение #4


Завсегдатай
*****


Группа: Active User
Сообщений: 540
Регистрация: 21.3.2009
Поблагодарили: 59 раз
Репутация:   17  


falken, Можете дать уже готовый код? а то я что то не совсем врубаюсь)? я анализирую на будущее


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 19.2.2016, 22:43; Ответить: falken
Сообщение #5


online
*******

Группа: Ex-Moderator
Сообщений: 3742
Регистрация: 23.3.2011
Поблагодарили: 3986 раз
Репутация:   361  


Цитата(cerrus @ 19.2.2016, 21:36) *
готовый код?

[HTML] Находим строчку баннера и задаем класс top_banner, в итоге должно получиться:
Код
<img src="/baner/12.jpg" alt="Салон красоты Chemnitz" class="top_banner">

[CSS] В стили добавляем:
Код
img.top_banner {
    width: 100%;
}


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cerrus
cerrus
Topic Starter сообщение 19.2.2016, 23:07; Ответить: cerrus
Сообщение #6


Завсегдатай
*****


Группа: Active User
Сообщений: 540
Регистрация: 21.3.2009
Поблагодарили: 59 раз
Репутация:   17  


falken, Спасибо! Сейчас попробую!

нечего не изменилось (


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gerga
Gerga
сообщение 19.2.2016, 23:34; Ответить: Gerga
Сообщение #7


Участник
***

Группа: User
Сообщений: 247
Регистрация: 15.2.2013
Из: Одесса
Поблагодарили: 168 раз
Репутация:   43  


cerrus, кэш чистили? В стили:
Код
img.top_banner, iframe {max-width: 100%;}


Сообщение отредактировал Gerga - 19.2.2016, 23:38


--------------------
Разработка на WordPress -> Верстка/Натяжка/Добавление функционала в шаблонах на WP


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cerrus
cerrus
Topic Starter сообщение 20.2.2016, 0:19; Ответить: cerrus
Сообщение #8


Завсегдатай
*****


Группа: Active User
Сообщений: 540
Регистрация: 21.3.2009
Поблагодарили: 59 раз
Репутация:   17  


Gerga, Что то я совсем запутался! Уже несколько лет не занимался сайтами!

Gerga,
Вот этот код помог!
Код
img.top_banner, iframe {max-width: 100%;}


Только вот iframe в коде как то настораживает, это нормально ?

Код
img.top_banner, iframe {max-width: 100%;}


Сообщение отредактировал cerrus - 20.2.2016, 0:19


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 20.2.2016, 0:54; Ответить: falken
Сообщение #9


online
*******

Группа: Ex-Moderator
Сообщений: 3742
Регистрация: 23.3.2011
Поблагодарили: 3986 раз
Репутация:   361  


Цитата(cerrus @ 19.2.2016, 22:07) *
нечего не изменилось (

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



Цитата(cerrus @ 19.2.2016, 23:19) *
Только вот iframe в коде как то настораживает, это нормально ?

Это безобидные стили, не пугайтесь. Если настораживает, можете убрать, в конкретном случае он не играет никакой роли.

И в том и в другом случае все работает прекрасно.

Ок
Код
img.top_banner {max-width: 100%;}

Ок
Код
img.top_banner {width: 100%;}


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cerrus
cerrus
Topic Starter сообщение 20.2.2016, 1:21; Ответить: cerrus
Сообщение #10


Завсегдатай
*****


Группа: Active User
Сообщений: 540
Регистрация: 21.3.2009
Поблагодарили: 59 раз
Репутация:   17  


falken,
Спасибо! и ещё вопросик! На сайте с общей помощью вроде наладилось, а вот через мобильный когда захожу, то там беда


это можно как то исправить?

Сообщение отредактировал cerrus - 20.2.2016, 1:24


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Черный список обменников и как безопасно обменять валюту
137 Kurses 29474 Вчера, 17:24
автор: jack
Горячая тема (нет новых ответов) Как заработать новичку?
101 Emeralda 17379 Вчера, 16:18
автор: seoprogoni
Горячая тема (нет новых ответов) Что лучше, фриланс, удаленка, или работа в офисе солидной компании?
90 Levizar 7378 Вчера, 16:12
автор: seoprogoni
Открытая тема (нет новых ответов) Как мошенники зарабатывают на прямых трансляциях в Instagram
Не ждите порно в инстаграм, его нет
1 PostBrigada 358 Вчера, 15:54
автор: Pingunio
Открытая тема (нет новых ответов) Как включить автоматическое обновление для плагинов WordPress и самого движка?
0 Telnor 341 Вчера, 13:27
автор: Telnor


 



RSS Текстовая версия Сейчас: 11.12.2017, 12:02
Дизайн