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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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

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

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

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


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


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

width: 100%;


--------------------
Сдается, обращаться скайп avdesk-it-kmm
VPS от 5€


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


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

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

Пример:


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

Пример:


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


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей


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


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


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


Цитата(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%;
}


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей


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


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

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


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


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


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


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


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


Цитата(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%;}


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей


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


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


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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1117 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
18 Needmylink1 6539 25.3.2024, 20:51
автор: Needmylink1
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2286 25.3.2024, 6:52
автор: Skyworker
Горячая тема (нет новых ответов) Во что сегодня инвестировать?
Делимся своими приносящими прибыль вариантами
69 traveliver 4447 25.3.2024, 6:48
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3912 25.3.2024, 6:34
автор: Skyworker


 



RSS Текстовая версия Сейчас: 28.3.2024, 19:31
Дизайн