Jump to content

rookie

User
  • Posts

    61
  • Joined

  • Last visited

Everything posted by rookie

  1. Возможно в Ps применялись эффекты, не?
  2. А просто display:block/width:100% почему не катит?
  3. В 1м случае все нормально. Web Developer Toolbar->ruler - 65px Во 2м случае css-файл сохранен в ANSI и добавились лишние символы в начале документа. Их не видно в редакторе и в firebug, зато видно в CSS Editor все того же Web Developer Toolbar. Убери лишние символы и получишь 65px.
  4. Приведите более подробный код с описанием того, что конкретно Вы хотите сделать.
  5. Во-первых не строки а ссылки. В Internet Explorer по версию 6 включительно, псевдокласс hover поддерживается только для ссылок - подробнее тут. Ну а если все же делать на css, то принцип такой: <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Blah-blah</title> <!--[if IE]> <script src="js/selectivizr.js"></script> <![endif]--> <style> .box { border: 1px dashed #333; } .image { width: 100px; height: 100px; background: #c33; } .box:hover .image { background: #369; } </style> </head> <body> <div class="box"> <div class="image"></div> <p>Blah-blah...</p> </div> </body> </html> Для IE добавляем selectivizr который лечит его предвзятое отношение к :hover, а заодно добавляет поддержку таких псевдоклассов как :first/last-child, селекторы атрибутов и многое другое.
  6. Можно еще проверять через js: if (window.navigator.userAgent.indexOf ("тут имя браузера") > -1) { /*какой-то код, например поиск версии в подстроке*/ } } Только тут нужно учитывать что иногда одни браузеры могут выдавать себя за другие, так что 100% гарантии нет. Напиши, рано или поздно я проверю почту
  7. Например, вот так с помощью jQuery: $('div.target').hover(function() { $('img.target').attr('src','img/fetisov.jpg'); }, function() { $('img.target').attr('src', 'img/sidorov.jpg'); }); Это очень общий и корявый вариант, но механизм работы отсюда должен быть понятен.
  8. Про картинки видимо имелись ввиду условные комментарии: <!--[if lt IE 7]> Blah-blah... <![endif]-->
  9. Может все-таки при наведении курсора на заголовок справа? Там это реализовано при помощи js. При помощи :hover это тоже можно сделать, но в IE6 :hover работает только для ссылок.
  10. Если средствами CSS, то например вот так: elem { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: -moz-linear-gradient(top, #000, transparent); background: -o-linear-gradient(top, #000, transparent); background: linear-gradient(top, #000, transparent); }
  11. rookie

    Шрифты

    А где про это можно почитать? Да, GWF - отличная штука, хотя мне больше нравится Font Squirrel. Правда что там что там - очень ограниченный выбор киррилических шрифтов. Благодаря этому в рунете такая ужасная типографика.
  12. Можно, только не уверен что это будет быстрее чем тут.
  13. Значится так. Когда ты открываешь файл в Notepad++ у тебя кирилица отображается нормально? Если нет, то придется набрать заново все кириллические символы.
  14. rookie

    Шрифты

    @font-face - отличная вещь. Правда, сначала браузер рендерит страницу и только потом применяет шрифт, что потенциально может привести к не стилизованным элементам или даже на пару секунд поломать лэйаут. Кроме того, в Opera существует бага, когда на локальной машине @font-face отрабатывает нормально, а на удаленной не работает вовсе.
  15. rookie

    По макету

    Можно вот так например: html,body {height: 100%} body { background: #bbb; padding: 0 50px; } #precontent { height: 100%; background: #369; padding: 0 50px; } #content {height: 100%; background: #FCE702;} #footer { height: 200px; margin: 0 -50px; margin-top: -200px; background: #748; } #footer залезает на контент, но зато полосы прокрутки нет при ресайзе окна. Если же нужно чтобы #footer не залезал на контент, то нужно в #precontent добавить padding и соответственно изменить height чтобы прокрутки не было
  16. В таком монструозном редакторе как DW точно есть опция выбора кодировки. Попробуй погуглить/почитать матчасть. Обычный блокнот сохраняет в ANSI. В Notepad++ например, можно задать кодировку через encoding->encode in utf-8 without bom
  17. В среде разработки которую ты используешь задай нужную кодировку и сохрани.
  18. А можно и только для .header задать z-index, тоже будет работать.
  19. А что за ситуация? Было бы неплохо пример в студию.
  20. Похоже ты действительно сохранил с BOM. BOM - Byte Order Mark, это неразрывный пробел нулевой длины, который записывается в начале документа. Подробнее можно почитать - тут. Чтобы этого символа не было, нужно сохранять документ в UTF-8 without BOM. Еще, я заметил, что у тебя input содержится в th, в то время как он должен быть внутри form. Ну конечно, если ты хочешь, чтобы у тебя поиск работал.
  21. Ииху! Слава W3C спекам! Нашел научное объяснение тому, к чему я пришел эмпирическим путем. Если кому-то интересно, то вот тут - http://www.w3.org/TR/CSS2/visuren.html#flow-control написано: Values other than 'none' potentially introduce clearance. Clearance inhibits margin collapsing and acts as spacing above the margin-top of an element. It is used to push the element vertically past the float. 2buddah. Спасибо за ответы и ссылку, но похоже мы действительно друг друга не поняли. Статья что ты мне порекомендовал про float. Свойству clear там посвящены лишь пара абзацев, которые описывают общее применение.
  22. Это значит, что без clear, строковое содержимое элемента footer будет обтекать content, а сам footer будет "залезать" под content. Задавая свойство clear же, мы не просто отменяем обтекание, но так же заставляем footer учитывать плавающий перед ним блок content. Если бы clear просто отменял обтекание, как ты сказал, то footer по прежнему бы продолжал "залезать" под content.
  23. Всем привет! У меня есть такой layout: <div class="container"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> Который стилизован таким образом: .container { width: 960px; margin: 0 auto; background: #eee; } .header { height: 200px; background: #cc3; } .content { width: 800px; height: 300px; float: left; background: #c33; } .footer { height: 150px; clear: both; background: #b63; } Задавая элементу clear: right/left/both мы заставляем его учитывать плавающие элементы. Однако, если я задам элементу footer margin-top скажем - 300px, это не возымеет эффекта. В то же время, любое значение margin-top, превышаюшее высоту плавающего блока будет работать по формуле - margin-top(элем. с clear) - height(плав. бл.). Вопрос - почему в данной ситуации margin работает таким образом, ведь footer вроде как видит плавающий content?
  24. Спасибо. Кое-что для себя прояснил
×
×
  • 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