Digidie

Приветствую! Нужна помощь. Нужно сделать блок, по ширине фикс, по высоте тоже фикс, но чтобы был со скроллом. Что то типа такого: Он вроде бы и фиксированный, но при этом в него можно много положить) Как такое реализовать? Заранее спасибо!

Спасибо! Но немного непонятно написано. Это придется очень много раз писать медиа. И потом как быть с Mac'ом, та разрешение вообще 2500px. Нужно что то более универсальное. Скриптиком никаким не богаты?

Сейчас есть скриптик который устанавливает ширину на сайте в зависимости от разрешения. Нужно теперь сделать чтобы шрифты менялись. Про медиа знаю, но нужно чтобы цепляло хотя бы IE8 на 7 забил уже.

Доброго времени суток! Нужна помощь. Нужно сделать чтобы на сайте менялся размер шрифта в зависимости от разрешения экрана. Если разрешение большое то шрифт больше, если маленькое то и шрифт соответственно тоже маленький. Подскажите как такое реализовать. Заранее благодарен!

люди! помогайте, не сработало то что написано на пост выше. Реакции никакой ни в одном браузере.

Спасибо! P.S. Судя по посту девушка, а соображаете

Ну вы раз уж пишите, пишите что сначала display: table-cell, а потом vertical-align:middle если это так И потом, насколько я помню vertical-align указывается при фиксированной высоте, а мне нужно чтобы она тянулась) Поправьте ежели что не так говорю.

Спасибо! Да только проблемка есть небольшая))) растягивать то он растягивает все блоки, а содержимое(блоков 1 и 3) все равно сверху остается

Приветствую! Нужна помощь. Нужно сделать так, чтобы содержимое одного блока центрировалось по вертикали в зависимости от другого. Наглядно должно быть так: То есть нужно как то сделать так, чтобы содержимое блоков 1 и 3 всегда вертикально центрировалось в зависимости от содержимого блока 2. Такое в принципе можно реализовать на таблицах, но увы, нужно это как то сделать на дивах. Подскажите пожалуйста как такое реализовать. Может есть скриптик JS какой. Заранее спасибо!

Я этот код взял отсюда вот. Он везде нормально работает, во всех браузерах, точно так же как по ссылке пробовал сделать у себя на сайте. Кстати сайт вот Сайт Там есть включить, выключить свет. Так вот оно работает только в опере и то криво. Помогите пожалуйста исправить это все. Заранее спасибо!

У меня есть вот такой код: <div class="images"> <a style="float:left; position: absolute; margin-top: 360px; margin-left: 565px; color: #fff; font-weight: bold;" href="#" id="switch">Выключить свет</a> <br /> <img style="margin-top: -15px;" src="<?php bloginfo("template_url"); ?>/images/2.png" /> <script type="text/javascript"> //картинка солнца $sun = '<?php bloginfo("template_url"); ?>/images/2.png'; //каринка луны $moon = '<?php bloginfo("template_url"); ?>/images/1.png'; $('a#switch').click(function() { if ($(this).html() == 'Выключить свет') { $('img').attr('src', $moon); $(this).html('Включить свет'); } else{ $('img').attr('src', $sun); $(this).html('Выключить свет'); } event.stopPropagation(); });? </script> </div> Но он почему то работает только в Опере и больше нигде. Мало того все изображения(img) которые есть на сайте, меняются на те которые я ставлю. Подскажите как решить эту проблему? Спасибо!

Доброго времени! Нужно сделать небольшой скриптик по смене картинок при нажатии на ссылку. Что то типа "выключить свет", нажал на ссылку картинка светлая(включить свет), нажал еще раз, картинка стала опять темной(выключить свет). Подскажите пожалуйста как это сделать? Заранее спасибо!

Здравствуйте! Есть одно изображение, собственно вот оно Тут. Кому то покажется что оно вполне простое, но у меня не получается сверстать его. Прошу обратить внимание на "угасающие" границы голубого цвета по краям сайта, они и не сплошные и не такие маленькие чтобы взять часть во всю ширину изображения(верх или низ). Верхнюю часть я сверстал, проблема в нижней части. А именно нужно сделать так чтобы и тухнущие границы были на месте и блок по высоте тянулся. Я конечно могу взять кусок во всю ширину и в высоту как у границ(нижних), но тогда будет ооочень много места внизу. Уже намучался. Подскажите как это реализовать? Заранее Спасибо! P.S. Заодно выложу сверстанную верхнюю часть, может можно как то будет по тому же принципу сделать: html <div id="content"> <div class="l_line"></div> <div class="блок1"></div> <div class="блок2"></div> <div class="r_line"></div> </div> CSS #content{ width: 948px; float: left; min-height: 450px; margin: 46px 0 0 0; border-top: 1px solid #2c4b77; border-bottom: 1px solid #2c4b77; background: url(../images/cont_bg.png) repeat top center; } .l_line{ width: 1px; height: 159px; background: url(../images/left_line_1.png) no-repeat top left; float: left; } .r_line{ width: 1px; height: 159px; background: url(../images/left_line_1.png) no-repeat top right; float: right; } .блок1{ width: 343px; height: 200px; float: left; margin: 41px 0 0 34px; border: 1px solid red; } .блок2{ width: 422px; float: left; margin: 41px 0 0 39px; border: 1px solid red; } Ну и сам результат: вот. Синие заголовки это просто 2 блока в "блок1,блок2". Не стал выкладывать код, чтобы он не получился слишком длинным. Еще раз спасибо!

Доброго дня! Нужен человек, который сможет проконсультировать по нескольким моментам при верстке. Нужен НЕ новичок который "Попробуйте так..." или "Скорее всего проблема в...". Нужен человек, реально знающий свое дело. Сам я занимаюсь разработкой сайтов. Но работаю по такой схеме "PSD->Готовый сайт". То есть работаю с движками. Сам конечно тоже неплохо верстаю, но именно под движки(Joomla, WP). Просто верстаю главные блоки, затем натягиваю, и уже потом добиваю на классах движка. А вот с версткой именно Html,Css работал мало. То есть я говорю о том, что не вставлял контент, номера телефонов, заголовки, в общем всякую мелочь, все это делаю на классах движков. Но сейчас возникла такая потребность(короче вакансия хорошая ) именно в верстке(без движков). Поэтому нужен человек для консультации. Повторяю, ничего верстать не нужно, нужно просто дать несколько советов. Готов заплатить. Цену обсудим при личном общении, но говорю сразу, бюджет для такой шабашки небольшой, и люди которые "ну за 100у.е. я помогу..." могут проходить мимо Жду вашего ответа.

Приветствую! Есть проблема. Нужно сделать выпадающее меню с картинкой. То есть чтобы получилось следующее: Надо чтобы картинки и ссылка были как бы одним блоком чтоли. Само меню сделал, а вот картинку когда вставляю все едет. Может нетуда вставляю. Вот код: HTML <ul class="my_menu"> <li><a href="#"><img src="my_img.jpg />"Провод СИП</a> <!-- пробовал так --> <ul> <li><a href="#">- IEK</a></li> <li><a href="#">- Арматура для СИП 4</a></li> <li><a href="#">- Арматура для СИП 6</a></li> </ul> </li> </ul> CSS .my_menu li{ float: left; position: relative; display: block; width: 188px; background: url(../images/my.png) no-repeat right; padding-right: 3px; } .my_menu li a:link, .my_menu li a:visited{ display: block; padding: 38px 21px 37px 17px; font-size: 20px; font-family: Arial; text-decoration: none; color: #000; } .my_menu li a:hover{ background: url(../images/menu_bg.png) repeat-x; } .my_menu ul{ width: 188px; position: absolute; left: -9999px; top: 98px; background: #fff; padding-bottom: 10px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; } .my_menu ul li{ padding-top: 1px; float: none; background: #fff; width: 180px; } .my_menu ul a{ white-space:nowrap; display: block; } .my_menu li:hover ul{ left: 0; } .my_menu li:hover ul li a:link, .my_menu li:hover ul li a:visited{ margin: 0; padding: 0 0 0 22px; font-family: 'MyriadPro-It'; font-size: 16px; color: #559abb; font-style: italic; } .my_menu li:hover a{ background: #fff; } .my_menu li:hover ul a:link, .my_menu li:hover ul a:visited{ text-decoration: underline; } Помогите пожалуйста. Спасибо! P.S. Еще вопрос по поводу кроссбраузерности. Вот это меню в Хроме и Опере работает нормально. По идее в Мозиле тоже должно работать нормально, но появляется скролл, а при наведении на пункты скролл исчезает, и сайт как бы прыгает. Доктип прописан. Что это может быть. Спасибо