Помощник
 |
|
|
|
|
Сообщение сайта
|
 CSS мобильный вид |
ByhAnka
|
Сообщение
#1
|
||
 Участник  Группа: User Сообщений: 236 Регистрация: 6.5.2015 Из: Санкт-Петербург Поблагодарили: 15 раз Репутация:  3 
 |
|
||
 |
|
||
falken
|
 16.7.2018, 14:57;
Ответить: falken
Сообщение
#2
|
 online Группа: Super Moderator Сообщений: 4392 Регистрация: 23.3.2011 Поблагодарили: 4805 раз Репутация: 400
|
Никогда так не делайте. Для начала вынесите весь этот инлайновый мусор либо в айдишник info, раз он у вас там присутствует, либо в отдельный класс. За результат не ручаюсь, т.к. все что на скриншоте ниже - просто дичь полнейшая.
 Затем в медиа запросы добавить: Код #map { width: 100%; margin-bottom: 2em; } #info { width: 100%; margin: 0; } PS. посмотрел детальней, никуда выносить не нужно весь этот мусор. Просто сотрите. После того как сотрете - следуйте тому, что описано дальше. Исправляем невалидный селектор, при нынешней ситуации с ордерами (порядком) блоков у .rowall должен быть display: flex Код .rowall { display: -webkit-box; display: -ms-flexbox; display: flex; } #info должен принять следующий вид: Код #info { width: 25%; } #map Код #map {
width: 75%; min-height: 400px; } -------------------- |
|
|
|
|
ByhAnka
|
Сообщение
#3
|
|
Участник Группа: User Сообщений: 236 Регистрация: 6.5.2015 Из: Санкт-Петербург Поблагодарили: 15 раз Репутация: 3
|
falken, расположение остается тем же, может еще что-то нужно удалить?
-------------------- |
|
|
|
|
falken
|
16.7.2018, 16:19;
Ответить: falken
Сообщение
#4
|
|
online Группа: Super Moderator Сообщений: 4392 Регистрация: 23.3.2011 Поблагодарили: 4805 раз Репутация: 400
|
ByhAnka, расположение остаётся тем же.
-------------------- |
|
|
|
|
ByhAnka
|
Сообщение
#5
|
|
Участник Группа: User Сообщений: 236 Регистрация: 6.5.2015 Из: Санкт-Петербург Поблагодарили: 15 раз Репутация: 3
|
falken, в моб. виде не смещается список вниз.
-------------------- |
|
|
|
|
qpPeW
|
16.7.2018, 16:38;
Ответить: qpPeW
Сообщение
#6
|
 Бывалый Группа: User Сообщений: 338 Регистрация: 18.5.2012 Поблагодарили: 117 раз Репутация: 18
|
Цитата(falken @ 16.7.2018, 12:57)  PS. посмотрел детальней, никуда выносить не нужно весь этот мусор. Просто сотрите. После того как сотрете - следуйте тому, что описано дальше. Для данного товарища проще будет прописать через медиа запросы, а то Вы можете получить кучу ненужных вопросов. Цитата(ByhAnka @ 16.7.2018, 14:33) в моб. виде не смещается список вниз. может потому что Вы не умеете прописывать медиа запросы ? Сообщение отредактировал qpPeW - 16.7.2018, 16:47 -------------------- |
|
|
|
|
ByhAnka
|
Сообщение
#7
|
|
Участник Группа: User Сообщений: 236 Регистрация: 6.5.2015 Из: Санкт-Петербург Поблагодарили: 15 раз Репутация: 3
|
qpPeW, спасибо, сейчас перепроверю правильность.
@media screen and (max-width: 480px) { #map { width: 100%; margin-bottom: 2em; } #info { width: 100%; margin: 0; } } Что не так то? -------------------- |
|
|
|
|
qpPeW
|
16.7.2018, 18:34;
Ответить: qpPeW
Сообщение
#8
|
|
Бывалый Группа: User Сообщений: 338 Регистрация: 18.5.2012 Поблагодарили: 117 раз Репутация: 18
|
ByhAnka, может то что разрешение 480 пикселей было на старых кнопочных телефонах с поддержкой java ?
-------------------- |
|
|
|
|
falken
|
16.7.2018, 18:44;
Ответить: falken
Сообщение
#9
|
|
online Группа: Super Moderator Сообщений: 4392 Регистрация: 23.3.2011 Поблагодарили: 4805 раз Репутация: 400
|
Цитата(ByhAnka @ 16.7.2018, 16:12) Что не так то? Ну во-первых: у вас селекторы дублируются почему-то (с #map та же ситуация)  Во-вторых: у вас обычные стили имеют больший приоритет, чем media queries, они банально не могут переопределить стили. Ну и последнее: в media запросы там же, где вы все остальное вписывали нужно добавить: Код .rowall { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } Цитата(qpPeW @ 16.7.2018, 15:38) Для данного товарища проще будет прописать через медиа запросы перебивать такой мусор еще большим дерьмом было бы забавно ByhAnka, я не очень понимаю вашу ситуацию. Если вы хотите что-то путное сделать, то с такими знаниями у вас явно ничего не получится. Если хотите что-то с нашей помощью сделать, то весь проект мы точно не потянем и выставлять сюда говнокод с просьбами помочь.. ну, тоже как-то не вариант. Если вы учитесь, то мне еще больше не понятно: зачем вам этот говнопроект, если можно начать с элементарных вещей и стараться делать правильно, а не хрен пойми как, но только чтобы работало. -------------------- |
|
|
|
|
ByhAnka
|
Сообщение
#10
|
|
Участник Группа: User Сообщений: 236 Регистрация: 6.5.2015 Из: Санкт-Петербург Поблагодарили: 15 раз Репутация: 3
|
falken, у меня поверхностные знания, код делал другой человек на заказ, сейчас мне с ним не связаться. Своими силами пробую доделать хотя бы часть, так как финансы очень ограничены.
Если подскажете с чего начать структурировать знания, то буду благодарна. -------------------- |
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
 Burzh.top|Партнерская программа под любой вид трафика (email, спам, УБТ) |
3 | cryptius | 901 | Вчера, 14:47 автор: cryptius |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3497 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3429 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6462 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1669 | 3.3.2021, 12:22 автор: kozak199110 |
|
Текстовая версия | Сейчас: 26.4.2024, 7:10 |
