Jump to content

KooL

Newbie
  • Posts

    17
  • Joined

  • Last visited

KooL's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Лучше всего под Вайном работает CS5.
  2. По мне так ничего удобнее Аптаны нет (хоть в 3 версии регрессии пошли, да и тяжеловата), она как раз на все платформы идёт и ZenCoding официально есть. GIMP никак не подойдёт, увы, хотя бы из-за отсутствия нормального Save for Web, дизиринга нет, например.
  3. Брр... Представляю, один хтмл пишет, второй стили
  4. Никогда не слышал, чтобы верстал один, а js занимался другой. Слишком переплетающиеся вещи, не понимаю, как можно их разделить.
  5. Это самые основы, нужно начать читать книжку по HTML для начинающих. Хотя тут свои невнятности есть, лично я считаю, что не нужно использовать XHTML без XML, для которого ещё и лишние слеши в тегах нужно, а строго синтаксиса можно и в обычном HTML придерживаться.
  6. Ещё есть http://css3pie.com/ Для статичных вещей пойдёт, но тоже нагружает браузер\систему, если переусердствовать. Из ситуации исходить нужно.
  7. :first-child только IE 6, а вот :last-child вся бригада, кроме новоиспечённой девятки)
  8. Доктайпа нет, сайт не по середине, дальше уже и смотреть не охота.
  9. Я так и не понял, откуда берётся отступ, который ещё и есть в некоторых браузерах, а в некоторых нет, ладно было бы только в одном или наоборот. А решение проблемы придумал сам: /*тут куча тегов*/ { 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> Код не оптимизирован и не идеален, потом всё подправлю, метод прогрессивного джепега.
  10. Это что? Пока нет возможности залить куда-то нормально. Весь код выше всё равно, кроме очевидных вещей типа <head>. Вот как раз в Опере и беда. Нет, не в режиме совместимости. Опера 11.01.
  11. Так выглядит в 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
  12. Никак не соображу откуда в Хроме, Сафари, Опере и 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?
  13. Значит мой код с недочётом и всегда лучше указывать ширину для таких случаев, даже если поддержка IE 6 не нужна или это такое особое поведение IE 6?
×
×
  • 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