KooL
Newbie-
Posts
17 -
Joined
-
Last visited
KooL's Achievements
Explorer (1/14)
0
Reputation
-
Лучше всего под Вайном работает CS5.
-
По мне так ничего удобнее Аптаны нет (хоть в 3 версии регрессии пошли, да и тяжеловата), она как раз на все платформы идёт и ZenCoding официально есть. GIMP никак не подойдёт, увы, хотя бы из-за отсутствия нормального Save for Web, дизиринга нет, например.
-
Брр... Представляю, один хтмл пишет, второй стили
-
Никогда не слышал, чтобы верстал один, а js занимался другой. Слишком переплетающиеся вещи, не понимаю, как можно их разделить.
-
Это самые основы, нужно начать читать книжку по HTML для начинающих. Хотя тут свои невнятности есть, лично я считаю, что не нужно использовать XHTML без XML, для которого ещё и лишние слеши в тегах нужно, а строго синтаксиса можно и в обычном HTML придерживаться.
-
Ещё есть http://css3pie.com/ Для статичных вещей пойдёт, но тоже нагружает браузер\систему, если переусердствовать. Из ситуации исходить нужно.
-
Горизонатльное меню с равными по ширине пунктами в процентах без таблиц
KooL replied to KooL's question in HTML Coding
:first-child только IE 6, а вот :last-child вся бригада, кроме новоиспечённой девятки) -
Горизонатльное меню с равными по ширине пунктами в процентах без таблиц
KooL replied to KooL's question in HTML Coding
Спасибо, но IE 6 не согласен с этим. -
Доктайпа нет, сайт не по середине, дальше уже и смотреть не охота.
-
Горизонатльное меню с равными по ширине пунктами в процентах без таблиц
KooL replied to KooL's question in HTML Coding
Я так и не понял, откуда берётся отступ, который ещё и есть в некоторых браузерах, а в некоторых нет, ладно было бы только в одном или наоборот. А решение проблемы придумал сам: /*тут куча тегов*/ { 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> Код не оптимизирован и не идеален, потом всё подправлю, метод прогрессивного джепега. -
Горизонатльное меню с равными по ширине пунктами в процентах без таблиц
KooL replied to KooL's question in HTML Coding
Это что? Пока нет возможности залить куда-то нормально. Весь код выше всё равно, кроме очевидных вещей типа <head>. Вот как раз в Опере и беда. Нет, не в режиме совместимости. Опера 11.01. -
Горизонатльное меню с равными по ширине пунктами в процентах без таблиц
KooL replied to KooL's question in HTML Coding
Так выглядит в 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 -
Горизонатльное меню с равными по ширине пунктами в процентах без таблиц
KooL posted a question in HTML Coding
Никак не соображу откуда в Хроме, Сафари, Опере и 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?