SelenIT
-
Posts
4,327 -
Joined
-
Last visited
-
Days Won
140
Content Type
Profiles
Forums
Calendar
Store
Everything posted by SelenIT
-
Кроссбраузерно поддерживаемыми средствами (X)HTML/CSS2+ - нельзя. В IE можно фильтрами, но не стоит
-
Вот пример без JS. И на том сайте их еще много...
-
По стандарту (чтоб ему высота в процентах может отсчитываться только от явно заданной высоты родителя. Если бы было html, body { height: 100%; } - тогда все было бы в порядке: HTML, как корневой элемент, взял бы размеры окна браузера, BODY унаследовал бы 100% от него, а вложенный див - от BODY. А в приведенном коде height у обоих предков - auto (дефолтный)... Есть обходной путь для растяжки элемента по родителю неизвестной высоты - position: relative для этого родителя и position: absolute; top: 0; bottom: 0; для растягиваемого эл-та. Правда, в IE (ниже 8-го, по-моему) это не работает...
-
margin-bottom: -250px?
-
Помогите с лайтбоксом, плиз. В Опере выпендривается.
SelenIT replied to kalyaka-malyaka's question in HTML Coding
В прошлом году фиксил подобное, несколько изменив логику расположения бокса: если полная картинка не вместится в оставшееся до конца страницы пространство, то не удлиннять страницу, а поднять бокс на столько, сколько нужно, чтоб она вместилась (пример). Мои правки - строчки 259-261 в скрипте (lightbox.js). А еще, возможно, пригодится подборка аналогов - если не баг побороть, так хотя бы размер оптимизировать... ) homm, это начальное значение, оно потом динамически подстравается скриптом под актуальный размер (ф-ция updateDetails). -
А что говорит на такой код DOM-инспектор или файрбаг? И что написано про тег <p> в спецификации?
-
То, что конструкция одного языка записана в синтаксисе другого. Если ширина задается HTML-атрибутом (что само по себе не совсем ОК), то зачем ей CSSовая размерность?
-
woofs, на самом деле всё элементарно: боты не умеют выполнять JS, поэтому индексируют только те ссылки, которые видны без него, в самой разметке. В этом примере (и большнинстве других современных) с ними полный порядок. Просто когда-то давно были популярны скрипты, генерировавшие ссылки "с нуля" из массива...
-
Это всё - обычные фоновые картинки, прозрачные, с no-repeat. Каждая лежит в нужном месте своего слоя, а слои вложены друг в дружку. Например, логотип (та самая кофейная чашка и надпись) привязаны к верхнему краю самого внешнего дива так: background:transparent url(logo.png) no-repeat scroll center top;
-
вопрос по шрифту в СSS (можт глупый, извините тогда)
SelenIT replied to E1en's question in HTML Coding
К счастью, нельзя. Можно только растянуть (разредить) текст, увеличив пространство между буквами (letter-spacing). -
Еще немного по теме (в т.ч. ссылки).
-
AntonSolo, без понимания принципов всё некроссбраузерное, яваскрипт в первую очередь. Впрочем, не хотите разобраться со своей ошибкой - дело ваше. Просто вы с ней еше не раз столкнетесь, знаю по опыту...
-
Значит, я понял правильно . Хотите сказать, что приведенный код (если скопировать его один-в-один, только в center засунуть побольше текста) ведет себя по-другому?
-
Тема для Wordpress: Помогите сделать код валидным
SelenIT replied to Mila's topic in Discussion of works
Mila, первые пять ошибок - из-за одного тега. Для XHTML его нужно писать так: <base href="http://gameopen.ru/index.html" />. Иначе получается, что парсер, во-первых, просто не узнает этот тег (вторая ошибка), следовательно, путается в допустимых атрибутах для него (первая), а вдобавок не находит закрывающей пары к нему (третья и четвертая ошибки), и вместо нее неожиданно натыкается на закрытие </head> (пятая ошибка). Эта пятая ошибка тянет за собой и последние три - из-за лишнего открывающего тега парсер сбивается со счета, и ему кажется, что тег <head> закрывается тегом </html>, а концевой </html> - вообще лишний. Кстати, на azovstar.ru этого некузявого <BASE> вроде не было... Оставшиеся три ошибки (6-8) - как раз неправильная структура списка. Парсер удивляется, видя "голые" <a> внутри <ul>, не обернутые в обязательные для списка <li>. И пытается догадаться, где элемент списка должен был начаться и закончиться... -
Нужен display: block. Т.к. <code> по умолчанию - строчный элемент.
-
Вопрос не сколько философский, сколько... связанный с традициями, что ли. Например, на dklab.ru принято "Выкать" при обращении к конкретному участнику (выходит что-то вроде "открытого письма" ему. В то же время в фидошной традиции (которую лично я, увы, не застал, но много о ней слышал) "Вы" считается признаком сарказма и издевки ("где в Фидо обращаются на "Вы", там в реале уже морду бьют"). От таких различий и берутся "конфликты культур" в сетевом общении... Не так давно холивор по этой теме полыхал на Хабрахабре. Для себя я сделал вывод, что самый универсальный вариант – "вы" с маленькой буквы (это норма для обращения к массе людей и допустимо при обращении к конкретному участнику). P.S. Может, все-таки, "согласно Розенталю"?
-
1) К низу чего - окна или страницы? 2) Доктайп какой?
-
Тема для Wordpress: Помогите сделать код валидным
SelenIT replied to Mila's topic in Discussion of works
Mila, да, с картинкой теперь порядок! А с ul-ками, да, почему-то глюки. После главного меню лишний закрывающий, а облако меток почему-то оказалось в такой загадочной конструкции: <ul class="metki"> <!-- Generated by Simple Tags 1.5.7 - http://wordpress.org/extend/plugins/simple-tags --> <div class="st-tag-cloud"> Наверное, надо было подправить шаблон для Simple Tags? -
Одно из двух: или я неверно понял задачу из вашего описания, или у вас ошибка при воспроизведении (99%, что доктайп пропущен). Потому что в приведенном примере "не работать" буквально нечему .
-
Тема для Wordpress: Помогите сделать код валидным
SelenIT replied to Mila's topic in Discussion of works
Опера понимает opacity с версии 9.0, т.е. вся актуальная. Сафари - аналогично. Хром по идее тоже (хотя у ранних сборок были глюки). А чтоб фон body не съезжал - по идее достаточно добавить в CSS для body background: url("images/bg.jpg") #0673C8 50% 0 no-repeat. -
Какой доктайп? Скорее всего, это не "подводный камень стандарта", а как раз исторически закрепившееся его нарушение под названием "режим обратной совместимости с глюками IE5" . Если поставить правильный доктайп (например, HTML4.01 Strict отсюда или хотя бы <!doctype html>), все будет наследоваться как надо.
-
Минимальный (имхо) вариант: <!doctype html> <style type="text/css"> html, body { margin: 0; padding: 0; height: 100%; position: relative; background: #eee; } html>body { height: auto; min-height: 100%; } /* все, кроме IE6 */ .header, .footer { height: 200px; width: 100%; position: absolute; } .header { background: #fcc; top: 0; } .footer{ background: #cfc; bottom: 0; } .center { padding: 200px 0; } </style> <div class="header">Header</div> <div class="center">Center</div> <div class="footer">Footer</div>
-
Обнулите паддинги у UL и маргины у LI. У них по умолчанию ненулевые значения, причем в разных браузерах по-разному.
-
Если нет XTHML-доктайпа, незакрытые пустые теги не ошибка, скорее наоборот. Имхо, XHTML нужно или использовать правильно (т.е. осознанно), или не использовать вообще. Если в HTML ошибки простительны (т.к. в любом случае поначалу неизбежны), то невалидный "как бы XHTML", имхо, не имеет права на существование. Лично меня tag soup с претензиями на "крутой стандарт" раздражает куда сильнее, чем обычная квирковая верстка в прошловековой манере...
-
Тема для Wordpress: Помогите сделать код валидным
SelenIT replied to Mila's topic in Discussion of works
В строке 73, скорее всего, какой-то хитрый фильтр для IE. Строки 195, 213, 241, 258 - опять же фильтр, видимо, alpha(opacity=...). Единственное, что я могу предложить - вынести их в отдельный CSS-файл и подключать через условные комментарии. Но вообще "валидация CSS" - понятие условное (в отличие от валидации разметки, где код сверяется со строгой схемой). "Валидным CSS" считается код, соблюдающий правила синтаксиса и не использующий ключевых слов сверх определенного словаря (который неизбежно со временем устаревает, ведь разработка модулей CSS3 не стоит на месте). При этом в самом валидаторе порой всплывают изрядные ляпы. Так что большой практической нужды биться за зеленый заголовок в нем я не вижу (учебно-спортивный интерес - другое дело. На мой взгляд куда серьезнее то, что в FF3.0.5 при ширине 1280 большая фоновая картинка и колонка текста разбегаются кто куда (одна - к левому краю, другая - к центру)...