ros.pro

Знаю про заливку при помощи ксс, отсюда 2 вопроса: 1) Можно ли залить див? 2) Можно ли поменять угол заливки?

а можно средствами ксс наложить тень на рисунок?

Всем доброго времени суток! В общем такая проблемка: есть блок, скажем, 200 на 200 высоты и ширины соответственно. В нем фоновый рисунок. И нужно нанести тень на этот рисунок, т.е не совсем тень, а перетекание от одного цвета к другому и чтобы рисунок был виден(т.е должно выглядить как тень) Заранее спасибо.

а что значит вот этот кусок? * { padding:0; margin:0; border:0; }

ну можно сделать допустим так:

В общем такая проблемка: есть 2 дива, расположенных по середине и в каждом из них по изображению размером 1024 на 768. В ксс прописанно overflow: hidden(для ие _overflow-x:hidden; _overflow-y:visible). .block_content_2{ float: left; width: 50%; min-height: 150px; overflow: hidden; _height: 150px; _overflow-x:hidden; _overflow-y:visible; } .block_content_3{ min-height: 150px; overflow: hidden; _height: 150px; _overflow-x:hidden; _overflow-y:visible; } По идее, дивы должны оставаться по центру, а изображения образаться(в опере и мозиле так и выходит), а вот в ие первый див остается на месте, а второй "сползает" под первый. Заранее благодарен за помощь.

Есть какой-нибудь способ реализовать такое?

Как сделать, чтобы при увеличении размера контента дива, он увеличивался бы по высоте, если в ксс указан overflow: hidden ? overflow: visible не подходит, т.к когда я его указываю, вся верстка "валится" в мозиле и опере. зы: Это надо сделать в дивах, которые поочередно расположены по горизонтали... Или альтернативный вопрос: как сделать чтобы верстка не валилась при overflow: visible ? =) .block_main{ position: relative; margin-top: 5px; margin-bottom: 5px; } .block_top_1{ margin-left: -10px; margin-top: -5px; margin-bottom: 5px; height: 32px; line-height: 18px; overflow: hidden; background: #FFF; border: 2px solid #f6f6f6; border-bottom: 1px solid #dddddd; } .block_content{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background: #f6f6f6; _display: inline-block; overflow: hidden; position: relative; border: 1px solid #dddddd; font-family: Arial; font-weight: normal; font-size: 11px; color: #000; } .block_content_2{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; float: left; width: 50%; margin-right: 3px; _margin-right: 0px; background: #f6f6f6; position: relative; border: 1px solid #dddddd; font-family: Arial; font-weight: normal; font-size: 11px; color: #000; } <div class="block_main"> <div class="block_top">Последние новости</div> <div class="block_content_2" style="height: 150px; margin-bottom: 3px;"> <div class="block_top_1"><img src="themes/site/images/news_pic.gif" align="left" hspace=5><a href="http://localhost/bb/index.php" id="link_menu"></a></div> </div> <div class="block_content" style="height: 150px; margin-bottom: 3px;"> <div class="block_top_1"><img src="themes/site/images/news_pic.gif" align="left" hspace=5><a href="http://localhost/bb/index.php" id="link_menu"></a></div> </div> </div>

В общем, имеется небольшой глюк в ие: необходимо разместить 2 дива по горизонтали рядом, чтобы они занимали по 50% пространства, но чтобы между дивами был небольшой отступ размером в 2 пикселя. Делаю так: <style type=text/css> .block_top{ padding-left: 10px; height: 27px; line-height: 30px; overflow: hidden; margin-bottom: 4px; font-family: Arial; font-weight: bold; font-size: 11px; color: #FFF; background: url('images/block_top_fon.gif') repeat-x; } .block_content{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background: #f6f6f6; overflow: hidden; position: relative; border: 1px solid #dddddd; font-family: Arial; font-weight: normal; font-size: 11px; color: #000; } .block_content_2{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px; float: left; width: 50%; margin-right: 2px; background: #f6f6f6; overflow: hidden; position: relative; border: 1px solid #dddddd; font-family: Arial; font-weight: normal; font-size: 11px; color: #000; } </style> <div class="block_main"> <div class="block_top">Последние новости</div> <div class="block_content_2">g</div> <div class="block_content">ga</div> </div> В опере и мозиле все работает нормально, а вот ие "съедает" 1 пиксель дива, который справа.

А! Разобрался! Убрал у дива 100% ширину - он и так растянулся на все доступное пространство, а потом добавил паддинг и все заработало =)

не... мне нужно внутри сделать паддинг - там текст будет

А как мне сделать отсуп, чтобы ширина не была больше 100% ? Пробовал добавить тег спан и ему указать margin-left: 10px - работате, а как сделать без тега спан?

У меня дивы друг на друга налаживаются: там три табличные ячейки, левая - 15%, средняя - 70%, правая - 15%. У дивов прописана ширина 100% и padding-left: 10px, так вот, когда без паддингов, то все нормально, а когда с паддингами, то они друг на друга налаживаются.

Прописал...теперь и в ие не пашет...

А какой именно доктайп объявить?