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



 

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

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


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


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


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

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

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

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


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


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

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


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

width: 100%;


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


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


online
*******

Группа: Super Moderator
Сообщений: 3818
Регистрация: 23.3.2011
Поблагодарили: 4172 раза
Репутация:   371  


Либо (не рекомендую):
Код
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
Сообщений: 546
Регистрация: 21.3.2009
Поблагодарили: 59 раз
Репутация:   18  


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


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


online
*******

Группа: Super Moderator
Сообщений: 3818
Регистрация: 23.3.2011
Поблагодарили: 4172 раза
Репутация:   371  


Цитата(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
Сообщений: 546
Регистрация: 21.3.2009
Поблагодарили: 59 раз
Репутация:   18  


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

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


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


Бывалый
****

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


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
Сообщений: 546
Регистрация: 21.3.2009
Поблагодарили: 59 раз
Репутация:   18  


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
*******

Группа: Super Moderator
Сообщений: 3818
Регистрация: 23.3.2011
Поблагодарили: 4172 раза
Репутация:   371  


Цитата(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
Сообщений: 546
Регистрация: 21.3.2009
Поблагодарили: 59 раз
Репутация:   18  


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


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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыкак сохранить на компьютер баннер html5 ?
6 lamun 589 Сегодня, 21:04
автор: lamun
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыЧто вы делаете, когда лень работать?
71 Zoya83 3537 Сегодня, 17:53
автор: DVolodin
Горячая тема (нет новых ответов) Что лучше, фриланс, удаленка, или работа в офисе солидной компании?
132 Levizar 14964 Сегодня, 17:40
автор: DVolodin
Открытая тема (нет новых ответов) Как обменять WM в Apple приложении?
1 GlazunOFF 404 Вчера, 18:25
автор: JOHNY
Открытая тема (нет новых ответов) Американку в автосалоне заставили доказать, что она не робот
8 seostock 838 Вчера, 16:08
автор: HOSTI7U


 



RSS Текстовая версия Сейчас: 27.5.2018, 21:59
Дизайн