Jump to content

KooL

Newbie
 View Profile  See their activity

  • Posts

    17

  • Joined

  • Last visited

 Content Type 

Everything posted by KooL

  1. KooL
    Лучше всего под Вайном работает CS5.
  2. KooL
    По мне так ничего удобнее Аптаны нет (хоть в 3 версии регрессии пошли, да и тяжеловата), она как раз на все платформы идёт и ZenCoding официально есть. GIMP никак не подойдёт, увы, хотя бы из-за отсутствия нормального Save for Web, дизиринга нет, например.
  3. KooL
    Брр... Представляю, один хтмл пишет, второй стили
  4. KooL
    Никогда не слышал, чтобы верстал один, а js занимался другой. Слишком переплетающиеся вещи, не понимаю, как можно их разделить.
  5. KooL
    Это самые основы, нужно начать читать книжку по HTML для начинающих. Хотя тут свои невнятности есть, лично я считаю, что не нужно использовать XHTML без XML, для которого ещё и лишние слеши в тегах нужно, а строго синтаксиса можно и в обычном HTML придерживаться.
  6. KooL
    Ещё есть http://css3pie.com/ Для статичных вещей пойдёт, но тоже нагружает браузер\систему, если переусердствовать. Из ситуации исходить нужно.
  7. KooL
    :first-child только IE 6, а вот :last-child вся бригада, кроме новоиспечённой девятки)
  8. KooL
    Спасибо, но IE 6 не согласен с этим.
  9. KooL
    Доктайпа нет, сайт не по середине, дальше уже и смотреть не охота.
  10. KooL
    Я так и не понял, откуда берётся отступ, который ещё и есть в некоторых браузерах, а в некоторых нет, ладно было бы только в одном или наоборот. А решение проблемы придумал сам: /*тут куча тегов*/ { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*———————*/ body { width: 100%; max-width: 960px; font: 14px/18px Arial, Helvetica, sans-serif; margin: auto; } ul { border: 3px solid #f60; overflow: hidden; zoom: 1; margin: 6px 0; background: #f90; font-size: 16px ; } li { float: left; width: 20%; } a:link { color: #000; } a:visited { color: #c30; } li a { text-align: center; display:block; border-left: 1px solid #f60; padding: 6px; background: #f90; } li a:hover { background: #fc0; } #fc { margin-right: -1px; } #lastLi a{ padding-right: 40px; margin-right: -40px; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Страница №1</title> <link rel="stylesheet" media="all" type="text/css" href="css.css"> </head> <body> <ul> <li id="fc"><a href="#">Страница 1</a></li> <li><a href="#">Страница 2</a></li> <li><a href="#">Страница 3</a></li> <li><a href="#">Страница 4</a></li> <li id="lastLi"><a href="#">Страница 5</a></li> </ul> </body> </html> Код не оптимизирован и не идеален, потом всё подправлю, метод прогрессивного джепега.
  11. KooL
    Это что? Пока нет возможности залить куда-то нормально. Весь код выше всё равно, кроме очевидных вещей типа <head>. Вот как раз в Опере и беда. Нет, не в режиме совместимости. Опера 11.01.
  12. KooL
    Так выглядит в IE 6, Сафари, Хроме, Опере: http://i18.fastpic.ru/big/2011/0324/29/bb42f6f41de2c83141699490698d7b29.png А так в IE 7, 8 и ФФ 3.6, 4: http://i18.fastpic.ru/big/2011/0324/43/1dca182db03bd2174935227bfdf1bd43.png Виден отступ в пятом пункте, с остальными пунктами везде всё хорошо. Да это я так уж, главное данный вопрос с отступом) Т.е. если три пункта, то уже на целое число процентов не поделишь. Так у меня все сброшено в стилях, в самом начале кода идёт это. чет не понял, случайно не это нужно? Видел эту тему, скопировал код, не понятно что выходит. В Опере так: http://i18.fastpic.ru/big/2011/0324/b6/eb49e60d825a84be2d08fbc2048351b6.png В IE 8 так: http://i18.fastpic.ru/big/2011/0324/72/97b07a0d966a7b5bc263dc689083b172.png
  13. KooL
    Никак не соображу откуда в Хроме, Сафари, Опере и IE 6 берётся отступ в последнем пункте. В IE 7 и 8 нормально, в ФФ 3.6 и 4 тоже. /*тут куча тегов*/{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } body { width: 100%; max-width: 960px; font: 14px/18px Arial, Helvetica, sans-serif ; margin: auto; } ul { border: 3px solid #f60; overflow: hidden; zoom: 1; margin: 6px 0; background: #f90; font: 16px; } li { float: left; width: 20%; } a:link { color: #000; } a:visited { color: #c30; } li a { text-align: center; display:block; border-left: 1px solid #f60; padding: 6px; background: #f90; } li a:hover { background: #fc0; } #fc { margin-right: -1px; } <ul> <li id="fc"><a href="#">Страница 1</a></li> <li><a href="#">Страница 2</a></li> <li><a href="#">Страница 3</a></li> <li><a href="#">Страница 4</a></li> <li><a href="#">Страница 5</a></li> </ul> Кстати, что делать, если таких пунктов, скажем, 3?
  14. KooL
    Значит мой код с недочётом и всегда лучше указывать ширину для таких случаев, даже если поддержка IE 6 не нужна или это такое особое поведение IE 6?
  15. KooL
    Да не, у меня не проблема, а спортивный интерес)
  16. KooL
    Спасибо. width: 100% я имел ввиду для картинки, а не блока. Не вижу логики в решении, почему width: 100% помогает?
  17. KooL
    Возьму самый простой пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>1</title> <style type="text/css"> img { width: 500px; height: 500px; } div { overflow: hidden; } </style> <body> <div> <img src="image.jpg" alt="image" title="image"> </div> </body> </html> Во всех браузерах нет горизонтальной прокрутки, если картинка не умещается в экран, а в IE 6 есть. В более сложной структуре документа, чем из примера, это может вылиться в некоторые неприятности. Есть ли решение проблемы чисто на html, css? Толь не стоит рассказывать про width: 100% и фоновую картинку чисто для IE 6 через комментарии. Если это баг IE 6, то информацию в справочник бы внести.
  18. KooL
    Печаль только в том, что почти 80% пользователей 6 IE используют его не по своей воле, с другими версиями так же, только не в таком высоком проценте.
×
×
  • 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

  I accept