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. Еще вопрос по поводу кроссбраузерности. Вот это меню в Хроме и Опере работает нормально. По идее в Мозиле тоже должно работать нормально, но появляется скролл, а при наведении на пункты скролл исчезает, и сайт как бы прыгает. Доктип прописан. Что это может быть. Спасибо

USF Отправил в личку, глянь.

Viper Суть в том что слои идут не по отдельности, а сразу с тенями и узорами, в общем все что должно отдельно(ИМХО), идет в одном слое. Как это резать!? По поводу скрина, мне когда предлагали эту работу, сначал скинули просто скрин вот с этими самыми размытиями(наверно чтобы я идею не украл чтоли и не подал кому нить, незнаю). Я не профи, я могу верстать нормально, но с таким макетом я еще не сталкивался. По-этому прошу помощи, как лучше подойти к реализации. USF Предполагаю что вы спрашиваете оригинал, чтобы проверить что там с макетом. Я не против дать вам его. Мне самое главное понять принцип такой верстки, т.к. мне дальше работать. Viper,USF если заинтересованы скиньте почту или скайп

Приветствую! Нужна помощь. Есть необычная верстка(необычная для меня, т.к. я с такой не сталкивался). Дизайн по типу смахивает на игровой. Но вот как этот дизайн выполнен(технически)! В общем вот скрин оригинала: Нормальный(ссори за такой кривой скрин, самому такой дали) Проблема собственно в том что, элементы которые должны быть разобраны на слои(чуть ли не по миниатюрам), они объединены в один слой, и как верстать совершенно непонятно. Я сверстал, но косячно. Ниже еще один скрин обрисованный где какие слои объединены - Обрисованный Красным - обозначен слой, который внутренний. Стрелки показывают что он под колпаком в общем:crazy: Зеленым - обозначен слой главный, типа шапка, мало того в этом же слое зацепили почти половину контента, включая все тени и красивые узоры в контенте. И фон который не градиентный, а который идет узорами, он вообще идет поверх всего сайта, он почти прозрачный. Подскажите пожалуйста откуда плясать, с такой версткой столкнулся впервые. Заранее Спасибо!

и что никто не подскажет?

Доброго времени суток! Есть проблема. Некоторые люди пользуются мониторами с разрешением 1024х768(я например ). А сейчас сайты делаются для мониторов с большим разрешением. С таким столкнулся и я. Сам сайт в ширину 1400 пикселей. Все блоки лежат в главном блоке: <div id="wrapper"> <div>1</div> <div>2</div> <div>3</div> </div> У wrapper'а задана фиксированная ширина 1400px и прописано margin:0 auto; Все бы и ничего, но когда смотришь на мониторах с разрешение 1024х768 например, внизу появляется скролл, и все не по центру как то. Подскажите пожалуйста как от этого избавиться? Заранее спасибо!

Попробовал, тоже не пашет. Мне кажется вы чуть ошиблись, должно было(наверно) быть left:50%; margin-right: 512px; Но даже так не работает, появляется скролл очень длинный и все равно работает не так как нужно.

хм, как не парадоксально, но это свойство выравнивает только инлайн элементы..но в ie6-7 оно и блок выравнивает, странно, что оно не работает в вашем случае. может это каким то образом от разрешения монитора зависит или может от операционки. Еще читал что может быть из за DOCTYPE. Пробовал 3 варианта, никаких изменений. элементарно даже просто для блока написать text-align:center; в блоке текст центрируется, а сам блок нет!

Вопрос именно об ie7. Когда в ie искусственно начинает человек растягивать блок, Ctrl +-("что для многих и есть почти вся ширина экрана"), то содержимое блока #wrap_header не тянется(неважно цвет там или градиент), во-вторых все содержимое уходит влево. И text-align: center для body не помогает! И даже если у человека разрешение больше чем 1024 то он видит тоже самое. P.S. Та чушь никакого отношения не имеет к моей проблеме.

да не в этом суть. это для примера сделано. Как сделать чтобы в ie7 тянулся блок и дочерний блок был по центру? #wrap_header - тянулся #header - центрировался

Нужна помощь. Во всех браузерах все работает нормально, а в ie криво. Вот код: Html <div id="wrap_header"> <!--Блок который должен тянуться --> <div id="header"> <!--Блок который должен быть фиксированным --> <div id="logo"></div> <div id="menu"></div> </div> </div> CSS #wrap_header{ width: 100%; height: 150px; background: url(../images/header_bg.jpg) repeat-x; } #header{ width: 1024px; height: 150px; margin: 0 auto; } #logo{ float:left; width: 200px; height: 80px; background: имадже; } #logo{ float:right; height: 80px; } Во всех нормально отображается, нормально тянется и фиксируется. А вот в ie не растягивается и даже margin: 0 auto не пашет. Подскажите что делать. P.S. Обычно ie во внимание не беру, а тут что то взял да глянул...