Project translated automatically. Log in or register, to view the original Work for a professional for 5-10 minutes, I pay as an hour, but you need to do it immediately. HTTP://gurtom.mobi

Update #1 from 21 August 2015

Работа пустяковая, но очень срочная. Проект на jQuery Mobile. На главной странице проекта http://gurtom.mobi (#main-page) есть два слоя (классы .left_col и .right_col) Нужно разнести их в CSS так, чтобы работал принцип responsible дизайна, при котором левая .left_col будет 2/5 экрана, .right_col 3/5 экрана на широких экранах, и при уменьшении экрана .right_col исчезал, а .left_col заполнял 100% (картинки прилагаю)

Исходники фронта:
https://github.com/ClassOdUa/Civil-Society-Web

Вот так на широком экране:

И вот так на узком экране:

Идея CSS в подобном стиле:

@media all and (min-width: 800px) {
.left_col {
width: 780px;
float: left;
margin-right: 20px;
display: block;
}
.right_col {
width: 35%;
height: 35%;
float: right;
display: block;
}
}

@media all and (max-width: 799px) {
.left_col {
width: 100%;
}
.right_col {
display: none;
}

}

Ну а там как правильнее.

Оплата как за час работы.

Proposals 4 Withdrawn 1 Rejected 2 Discussions 11

Vasily Cheplyaka

Winning proposal

10 2

Projects -
Rating -
Rating 191

Budget: 15 USD Deadline: 1 day

I would like to know what to do...

Oleg Leprik

21 1

Projects 12
Rating -
Rating 432

Budget: 200 UAH Deadline: 1 day

Let’s discuss.

A little about myself:

I know: PHP 5.3+, MySQL, JavaScript, jQuery, xHTML, CSS3, Linux
I use: Smarty, Sphinx, mod_rewrite, memcache, own CMS
Worked with WordPress, PrestaShop, OpenCart, Zend Framework, phpBB3, IP.Board

Good front-end experience: track, animation and dynamic sites.
Available online from 12-00 to 23-00
Payment by project or hourly rate ($12/hour)

by Skype: iamleprik
Email: [email protected]
Telephone number: +380674660520

The list does not show proposals concealed by the client or freelancer with a Plus profile, as well as proposals violating rules

Slava Tischen

0 0

Projects -
Rating -
Rating 97

Budget: 250 UAH Deadline: 1 day

Ready to perform.

Aleksandr Andreyevich

8 0

Projects -
Rating -
Rating 245

Budget: 50 UAH Deadline: 1 day

Ready to help.

Vasily Cheplyaka 21 August 2015

Ваша реализация с CSS - почти правильная
Я для широких экранов @media - не указываю - он по умолчанию работает
а для экранов меньше 799 - пишу так
@media (max-width: 799px) {
// тут Ваш код
}

Попробуйте - должно работать

Andrii Pertsyuh

21 August 2015

Проблема в том, что именно на больших экранах НЕ отображается слой .right_col

Vasily Cheplyaka 21 August 2015

Он есть - просто в нем нет содержимого
http://prntscr.com/876xn8

Andrii Pertsyuh

21 August 2015

содержимое подгружается JavaScript-ом, это карта OSM с метками.

Vasily Cheplyaka 21 August 2015

Если блок пустой - значит в него ничего не подгрузилось и это не проблема css, а скорее проблема js.
Где можно взглянуть на исходній код

Andrii Pertsyuh

21 August 2015

Исходники фронта https://github.com/ClassOdUa/Civil-Society-Web

Andrii Pertsyuh

21 August 2015

сори, между постами пробовал варианты затер внутренний слой.
Сейчас эта строка выглядит так:
<div class="right_col"><div class="map"></div></div>
где #map заполняется скриптом, подгружает карту OSM

Andrii Pertsyuh

21 August 2015

<div class="right_col"><div ~~class~~ id="map"></div></div>

Vasily Cheplyaka 21 August 2015

http://prntscr.com/877ouv
Карта не выводится не из-за адаптивности
вы пробовали отображать карту в любом другом блоке?
В тех исходниках что вы выложили этого нет

Andrii Pertsyuh

21 August 2015

http://gurtom.mobi/index1.html карта отображается, скрипт тот же.

Andrii Pertsyuh

21 August 2015

после загрузки карты в #map можно инспектором увидеть что .leaflet-container {
overflow: hidden;

если в инспекторе снять этот hidden то карта проявится, но тоже как-то коряво.
создал отдельную страничку для отображения только карты, показывает:
http://gurtom.mobi/#map-page

Add Comment

Current freelance projects in the category HTML & CSS

Layout for the design

77 proposals 15:53

Not specified
Looking for a layout designer.

147 proposals 29 July

777 USD
Create a website on WP

Web Design 132 proposals 28 July

Not specified
Email designer / Layout designer

Email Marketing 53 proposals 27 July

112 USD
New adaptive HTML/CSS template for a large site with legacy code

72 proposals 27 July

Not specified

Andrii Pertsyuh
Ukraine

Projects -
Rating -
Rating 169

Correction of CSS (responsive) to display the layer #map with OSM map

Client's review of cooperation with Vasily Cheplyaka

Correction of CSS (responsive) to display the layer #map with OSM map

5.0

Andrii Pertsyuh

Freelancer's review of cooperation with Andrii Pertsyuh

Correction of CSS (responsive) to display the layer #map with OSM map

5.0

Vasily Cheplyaka

Vasily Cheplyaka

Oleg Leprik

Proposals are currently absent

Proposals concealed

Slava Tischen

Aleksandr Andreyevich

Current freelance projects in the category HTML & CSS

Layout for the design

Looking for a layout designer.

Create a website on WP

Email designer / Layout designer

New adaptive HTML/CSS template for a large site with legacy code