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, так вот, когда без паддингов, то все нормально, а когда с паддингами, то они друг на друга налаживаются.

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

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

Что бы народ не заморачивался с подключением ксс файла, если хочет посмотреть мой код у себя на компе. А в рабочем варианте, конечно, ксс у меня в отдельном файле.

В общем такая ситуация: Есть макет из таблицы типа: шапка, лево, центр, право, подвал. В общем обычная трехколоночная структура. В левой ячейке, 2 блока, по середине - один, справа - тоже 2. Суть проблемы в том, что в опере и мозиле блок который посередине, накладывается на блоки слева и с права. Вот код: <body> <style type=text/css> body{ margin: 5px; } .main_table{ width: 100%; height: 100%; border-collapse: collapse; } .logo_cell{ width: 100%; height: 105px; background: url('images/logo_fon.gif'); } .left_cell{ width: 15%; height: 100%; vertical-align: top; } .center_cell{ width: 70%; height: 100%; vertical-align: top; padding-right: 5px; padding-left: 5px; } .right_cell{ width: 15%; height: 100%; vertical-align: top; } .block_top{ width: 100%; height: 27px; padding-left: 10px; line-height: 30px; position: relative; overflow: hidden; margin-top: 5px; margin-bottom: 4px; font-family: Arial; font-weight: bold; font-size: 11px; color: #FFF; background: url('images/block_top_fon.gif') repeat-x; } .block_top_1{ width: 100%; height: 27px; padding-left: 10px; line-height: 30px; overflow: hidden; margin-top: 5px; margin-bottom: 4px; font-family: Arial; font-weight: bold; font-size: 11px; color: #FFF; background: url('images/block_top_fon.gif') repeat-x; } </style> <table class="main_table" cellspacing="0" cellpadding="0"> <tr> <td class="logo_cell" colspan="3"></td> </tr> <tr> <td class="left_cell"> <div class="block_top"></div> </td> <td class="center_cell"> <div class="block_top_1"></div> </td> <td class="right_cell"> <div class="block_top"></div> </td> </tr> </table> </body>

Как при помощи javascript узнать с какой страницы к тебе пришел пользователь?

Знает кто-нибуди или нет?

аааа, я понял о чем вы. Мне не нужно указывать код в фрейме, мне нужно указать код в тэге фрейма, т.к содержимое фрейма меняется. Просто мне нужно посчитать количвество символов во фрейме(не один раз, а считать постоянно), т.е это будет по событиям onclick, onpresskey etc...

а можно пример скрипта для события onclick во фрейме? А то я в гугле посмотрел... и никуя не понял, я только начинаю яваскрипт юзать...

уже колупаю.... мой пост был про первую часть вашего поста =) Спасибо за совет.

можно ли как то задать в теге iframe, какой либо javascript код?

не...вы не поняли =) Мне нужно отслеживать события на странице и уже исходя из этого что-то делать.

Это нельзя ипользовать, т.к я спокойно могу скачать страницу и править код у себя на тачке