msk1

Как говорил один бывший начальник: "Тут дофига работы и все на вчера, но я знаю, что ты легко и быстро это сделаешь - давай, занимайся..." )) Мозг на грани и скоро закипит ))))) У юриста немного другой склад ума и такие задачки даются особенно трудно ))))) Пока перелопатил гугл за последние 4 часа, максимум на что меня хватило - http://podstrigis.com/test2 Очень близко к тому что хотел, но все равно немного не то... Мне нужно чтобы весь текст уезжал наверх, а пёсик был бы приклеен к контейнеру с картой ( как тут http://i.imgur.com/KLb6KYw.jpg ) <style type="text/css"> .image { float: right; margin-right: -600px; margin-top: 4%; } .image:before { content: " "; height: 300px; width: 1px; overflow: hidden; } #imgz { pointer-events: none; position: relative; z-index: 2; margin-left: 5%; max-width: 302px; width: 100% } #zed { float: left; width: 100%; max-width:490px; position: relative; z-index: 1 } #zed header { width: 100%; margin:0px auto; } #zed p {line-height: normal; } #zed h1 { background: rgba(0,0,0,0.2); text-align: left; color:#fff; font: 95px/1 "Cuprum"; text-transform: uppercase; display: inline-block; text-shadow:#253e45 -1px 1px 0, #253e45 -2px 2px 0, #d45848 -3px 3px 0, #d45848 -4px 4px 0; width: 100%; margin: 5% auto 5%; } #map {width: 100%; height: 350px; position: relative; z-index: 3; margin-top: -5%; float: left; } </style> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <div id="imgz"> <img src="http://podstrigis.com/wp-content/uploads/2013/05/11dreamstime_xxl_84183891.png" class="scale-with-grid" align="left"> </div> <div id="zed"> <header> <h1 id="fittext">Squeeze with FitText</h1> </header> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <div class="image"><img src="http://podstrigis.com/wp-content/uploads/2013/05/1dreamstime_xxl_25491444.png" alt="Dog listening on can phone"></div> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </p> <script src="http://podstrigis.com/js/fittext.js"></script> <script type="text/javascript"> fitText(document.getElementById('fittext'), 1.2) </script> </div> <div id="map"> <script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=PEnMnvxxJ-j3vshlIHI1ecsxHE90IhzO&id=map"></script> </div>

Помогите новичку пожалуйста! Сам разберусь точно не скоро, т.к. времени после работы крайне мало на изучение веб программирования. Для тех кто хорошо понимает css/html, там делов-то на раз плюнуть. Вкратце: Хочу сделать страничку с расположением объектов как на двух скриншотах внизу http://i.imgur.com/E9UmjdD.jpg http://i.imgur.com/ysMAPqi.jpg Сама страничка - http://podstrigis.com/test Буду благодарен за любую помощь!

Нужно чтобы аккордеон был всегда в одном месте (под локтем на скриншотах) и оставался там же, когда сжимаешь окно браузера. http://i.imgur.com/OM9vMQm.jpg http://i.imgur.com/ZB5FD3T.jpg (надеюсь понятно проиллюстрировал свою мысль) Кто-нибудь может помочь написать код CSS для этого? Буду очень признателен за помощь! http://podstrigis.com/%D0%BF%D1%80%D0%B0%D0%B9%D1%81-%D0%BB%D0%B8%D1%81%D1%82/