Jump to content

ros.pro

User
  • Posts

    31
  • Joined

  • Last visited

Everything posted by ros.pro

  1. Знаю про заливку при помощи ксс, отсюда 2 вопроса: 1) Можно ли залить див? 2) Можно ли поменять угол заливки?
  2. а можно средствами ксс наложить тень на рисунок?
  3. Всем доброго времени суток! В общем такая проблемка: есть блок, скажем, 200 на 200 высоты и ширины соответственно. В нем фоновый рисунок. И нужно нанести тень на этот рисунок, т.е не совсем тень, а перетекание от одного цвета к другому и чтобы рисунок был виден(т.е должно выглядить как тень) Заранее спасибо.
  4. а что значит вот этот кусок? * { padding:0; margin:0; border:0; }
  5. ну можно сделать допустим так:
  6. В общем такая проблемка: есть 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; } По идее, дивы должны оставаться по центру, а изображения образаться(в опере и мозиле так и выходит), а вот в ие первый див остается на месте, а второй "сползает" под первый. Заранее благодарен за помощь.
  7. Есть какой-нибудь способ реализовать такое?
  8. Как сделать, чтобы при увеличении размера контента дива, он увеличивался бы по высоте, если в ксс указан 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>
  9. В общем, имеется небольшой глюк в ие: необходимо разместить 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 пиксель дива, который справа.
  10. А! Разобрался! Убрал у дива 100% ширину - он и так растянулся на все доступное пространство, а потом добавил паддинг и все заработало =)
  11. не... мне нужно внутри сделать паддинг - там текст будет
  12. А как мне сделать отсуп, чтобы ширина не была больше 100% ? Пробовал добавить тег спан и ему указать margin-left: 10px - работате, а как сделать без тега спан?
  13. У меня дивы друг на друга налаживаются: там три табличные ячейки, левая - 15%, средняя - 70%, правая - 15%. У дивов прописана ширина 100% и padding-left: 10px, так вот, когда без паддингов, то все нормально, а когда с паддингами, то они друг на друга налаживаются.
  14. Прописал...теперь и в ие не пашет...
  15. А какой именно доктайп объявить?
  16. Что бы народ не заморачивался с подключением ксс файла, если хочет посмотреть мой код у себя на компе. А в рабочем варианте, конечно, ксс у меня в отдельном файле.
  17. В общем такая ситуация: Есть макет из таблицы типа: шапка, лево, центр, право, подвал. В общем обычная трехколоночная структура. В левой ячейке, 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>
  18. Как при помощи javascript узнать с какой страницы к тебе пришел пользователь?
  19. ros.pro

    iframe

    Знает кто-нибуди или нет?
  20. ros.pro

    iframe

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

    iframe

    а можно пример скрипта для события onclick во фрейме? А то я в гугле посмотрел... и никуя не понял, я только начинаю яваскрипт юзать...
  22. уже колупаю.... мой пост был про первую часть вашего поста =) Спасибо за совет.
  23. ros.pro

    iframe

    можно ли как то задать в теге iframe, какой либо javascript код?
  24. не...вы не поняли =) Мне нужно отслеживать события на странице и уже исходя из этого что-то делать.
  25. Это нельзя ипользовать, т.к я спокойно могу скачать страницу и править код у себя на тачке
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy