danik.html
-
Posts
48 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by danik.html
-
1) У id большой приоритет. Если нужно будет переопределить некоторые стили, то возникнут проблемы. 2) Не нужно держать в голове какому блоку задан id, а какому - class. 3) Не всегда можно однозначно сказать что такой-то блок будет использоваться только в одном экземпляре. Встречный вопрос: А в чем преимущество использования id перед class?
-
Прошу прощения, если что-то уже говорили, вот мои рекомендации: - Ховер эффекты, хотя бы для текстовых ссылок. А то страница выглядит мертвой. - Для фоновых картинок исользовать ... фоновые картинки (background-image) - Поле поиска немного вниз ушло (в Chrome как минимум). Вместо скрипта использовать атрибут placeholder, для изменения прозрачности опять же css. вообще долой jQuery, он тут врядли понадобится. - Меню обычно списком ul li делают. Я про меню в подвале - Есть мнение что лучше использовать классы вместо id. Я его придерживаюсь, но это не обязательно делать другим, конечно. - Под копирайтом отступ увеличить - В хлебных крошках сверху цвет разделителей поменять, и отступы между крошками добавить. - Цвет у body не задан. В опере помоему дефолтный цвет серый. Для body нельзя задавать height: 100%, но можно min-height: 100% - xmlns задавать просто бессмыслленно - у вас ведь не xhtml тип контента, хотя вроде бы совместим по синтаксису. Тип для скриптов и стилей можно также не указывать, они совпадают с дефолтными, так что все ок. В целом нормально. Вообще, макет выглядит староватым, сейчас есть много приятных минималистичных дизайнов, но это уже не к верстальщику предъява )
-
Я люблю всякие модные фишки, но вот новые структурные теги не использую. Если б хотя бы IE8 поддерживал их, я б не стал отказываться. А так - еще одна зависимость от javascript в IE7-8 при отсутствии весомой пользы. Доктайп само собой использую короткий, но на самом деле это ни на что не влияет. Ну и атрибуты типа placeholder конечно тоже. Ах да, еще теги b, s, i и u. Но не как полная замена strong del ins и em, а только когда html4 теги не подходят по семантике. Хотя в последнее время подумываю все-таки начить использовать article, section, aside и т.д, всеж старые ослы (IE) почти вымерли. Это полезно хотя бы для повышения читабельности разметки Как уже сказали - полезнее использовать микроразметку.
-
Забыл написать. Зайдите в кухню, выберите тему Monokai. Ниче не напоминает? Понабирайте текст. Суть в чем - этот редактор очень близок по фишкам к ST2. Те же мультикурсоры, подсветка одинаковых слов, автозакрытие тегов, проверка синтаксиса css и js, фолдинг и еще куча всего. Да, плагины он не поддерживает конечно. Да, нет автокомплита (это пока). И шорткаты часто отличаются. Но тем не менее - даже отдаленная копия ST2, встроенная в браузер, в инструменты разработчика - разве не зашибись?
-
Считаю что писать css код удобнее именно в браузере. Всякие livecss у меня все время глючат, так что я решил подойти другим путем. Не так давно в Инструменты Разработчика Chrome'а добавили интеграцию CodeMirror редактора. Хреновенько он работает. Сегодня скачал исходники WebKit (движка Google Chrome). Начал интеграцию лучшего javascript-based редактора на планете - ACE. Кому-нибудь интересно это?
-
В общем случайно обнаружил что такой код вполне рабочий: <image src="images/logo.png" alt="Экодом" width="140" height="148" /> Картинка отображается в Chrome, FF, IE. Кроме того, тег image подсвечивается в Notepad ++ Однако валидатор выдает непонятную ошибку: Line 18, Column 115: Saw a start tag image. …ную"><image src="images/logo.png" alt="Экодом" width="140" height="148" /></a> Доктайп <!DOCTYPE html> В dom-инспекторе хрома элемент отображается как img. Вопрос - что это за тег такой и в какой спецификации он описан? Кстати мне он симпатизирует больше чем img
-
Если еще актуально, попробуйте svg подключать тегом object, а внутри него разместить img с пнгшкой. По спецификации, если браузер не может отобразить файл подключенный через object, он должен отобразить вложенные в него теги <object data="images/image.svg" type="application/svg+xml" alt="..." width="140" height="148" > <img src="images/image.png" alt="..." width="140" height="148" /> </object>
-
html, body {height: 100%;} wrapper {height: 100%; overflow: auto} html{height: 100%;} body{min-height: 100%} wrapper {height: 100%;} второй вариант кажется не сработает, ибо для body не задали высоту, и запись wrapper {height: 100%} становится безполезной. Еще можно так: html, body {height: 100%;position: relative;} wrapper {position: absolute; top: 0; left: 0; right: 0; bottom: 0}
-
Ну ответ чисто теоретический: 1) Придумать как хранить описание и ссылки на лайки ( или что там надо хранить-я не вкурсе как работают лайки ) - например, в атрибутах, скажем data-desc="Описание фотки" data-likehref="чета-там" 2) Написать свой helper, по типу buttons и thumbnails, которые идут в комплекте к фэнсибоксу. Через него сделать вывод описания и кнопок лайк / не лайк
- 1 reply
-
- 1
-
-
Вставка flash-объекта в html для соврем. браузеров
danik.html replied to danik.html's question in HTML Coding
Отлично, это первый приведенный мной вариант, с той лишь разницей, что добавлена "защита" от двойного отображения в "старых версиях IE" (как было написано на одном сайте, насколько старые версии там имелись ввиду - не знаю). По приведенной ссылке ни слова о совместимости и необходимости такой сложной конструкции. Видимо придется проводить собственное "расследование".. Жаль, задал тут вопрос именно с целью сэкономить время на такое расследование - думал подскажут. -
Вставка flash-объекта в html для соврем. браузеров
danik.html replied to danik.html's question in HTML Coding
Есть здесь люди, которые разбираются в заданном вопросе? -
Вставка flash-объекта в html для соврем. браузеров
danik.html replied to danik.html's question in HTML Coding
Неужто никто флеш не использует на сайтах? Или SWFObject - наше все? -
Интересует каким способом я могу вставить флеш без использования каких-то скриптов. Кроссбраузерность ограничивается IE7+ и более менее используемыми версиями других браузеров. Тоесть мне не нужно поддерживаеть IE5.5 и Safari 0.05 Кроме того, доктайп используется <!DOCTYPE html> а значит тег embed валидный. Интересуют такие варианты вставки: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="120"> <param name="movie" value="myContent.swf" /> <object type="application/x-shockwave-flash" data="myContent.swf" width="300" height="120"> <p>Alternative content</p> </object> </object> <embed src="images/mouse.swf" width="400" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> <object type="application/x-shockwave-flash" data="images/mouse.swf" width="400" height="300"> <param name="quality" value="high"> <param name="wmode" value="opaque"> </object> и еще есть вариант с object с embed внутри Хотелось бы узнать кто какой вариант использует и почему. А так же совместимость каждого варианта с браузерами. Ибо в инете по сабжу попадается старая заезженная инфа без указания версий браузеров.
-
Блин, эта опера, мать ее... Короче, имеется инлайновые элементы, с указанными для них margin-left, margin-right. Так вот, если версия страницы rtl, тоесть например арабский язык, то в опере эти отступы отражаются по горизонтали. Тоесть <span style="margin-left: 20px;"></span> оперой интерпретируется как <span style="margin-right: 20px;"></span> Во всех остальных браузерах все нормально. Это че за выкидон, ктонибудь сталкивался с таким? как это обходится? display:inline-block не помогает..
-
Нет идей?
-
Вы немножко не поняли проблемы. У меня есть допустим ссылка: <a href="#">Йа ссылко! КликМи!</a> И у меня есть иконка для этой ссылки. Все отлично когда иконка в отдельном файле, нет проблем, пишу: a{ background: url(images/icon.png) no-repeat 0 50%; padding-left: 10px; } Моя иконка всегда будет по центру ссылки, все ок. Но проблема возникает когда я пакую иконку в спрайт. Я теряю возможность центрировать ее, ведь в процентах я уже не могу указать значение по вертикали. Может я не знаю какого-то секрета? Пока что я подумываю о 3х вариантах решения проблемы: 1) отказаться от спрайтов. Иконок не особо много, фиг с ними 2) использовать :before{content:''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; background: url(sprite.png) 0 -64px;} (или еще есть разновидность с использованием свойства clip) - опять же придется костыли для ие7 лепить. 3) внедрить иконки в css. Становится неудобно редактировать файл, особенно менять иконки, это ладно. Вес увеличивается - становится больше чем исходный вес картинок. Я знаю что gzip нивелирует этот прирост, но я верстаю коммерческий шаблон, и поэтому не уверен включен ли будет gzip у покупателя. И опять же костили для ие7...
-
Не могу решить проблему. У меня для инлайновых элементов, например для внешних ссылок указана иконка, через background. Так вот, когда размер шритфа фиксированный, например строго 14px/16px, то проблемы нет, задаю: background: url(images/sprite.png) no-repeat 0 -64px; И все здорово, иконка по центру строчки, все красиво. Однако когда шрифт нужно задать в em, например 1em/1.2em , то тут возникает проблема. Так как физический размер в пикселях может изменяться, то и иконка "гуляет", уползая вверх-вниз. Есть ли решение этой проблемы? Вариант с иконкой через :before не предлагать, он не работает в ие7, а городить костыли крайне нежелательно..
-
Да, погорячился я. Проблема есть. Но добиться отображения в опере можно. Косяк в том что она понимает только svg-шрифт, но не каждый такой шрифт в ней корректно отображается. Прикол в том что опера таки понимает форматы ttf и otf, но только если открывать страницу как локальный файл(file://), а вот с сервера не хочет... С svg во-первых косяк они плохо отображаются, во-вторых, некоторые вообще конкретно глючат - слова обрезаются наполовину, при этом тот же google chrome отображает данный шрифт нормально. Или тот же шрифт, но в ttf опера тоже отображает нормально ( но только по протоколу file:// ) Как я понимаю проблема будет еще долго решаться...Обидно однако...В обще в опере глюков с font-face куча, уже столько раз спотыкался...довелось работать с font-face-правилами на js - там все еще хуже...
-
Люди, козните меня пожалуйста ((( На самого себя рука не подымается... Все работает путем(ну может и не совсем) - но нужно ОТКЛЮЧИТЬ ТУРБОЯДЕРНЫЙ РЕЖИМ !!!! так как сижу на gprs-модеме, то этот режимчик сдорово выручает. Но вот в тестах с @font-face я о нем тупо забыл ((( Так чё, жисть теперь снова стала красочной !
-
Да. так и есть - пример не работает (( Причем если сохранить страницу на диск, и отдельно сохранить файл шрифта и положить рядом - пример работает - все здорово, а вот с сервера не хотит ((( Ща глянул статистику http://www.liveinternet.ru/stat/ru/browsers.html - оперы 10 не менее 20%.. циферка большая, придется отказаться от @font-face в пользу cufon'а, что опять же сужает сферу применения кастомного шрифта. Или как вариант - куфонить шрифт только в опере. Вот уж не думал что придется такие костыли для оперы делать....
-
да, Vlad, проблема только с оперой (v10.62, winXP). До проблемы стояла 10.5, столкнулся с проблемой, обновил - проблема осталась. Все примеры которые нашел в сети, все что используют font-face - не работают. Помню раньше баловался этой директивой (или что это - не знаю), в опере 9с чемто работало нормально. В инете инфы нет толком, вот только у вас на форуме нашел обсуждение темы. Интересует от чего зависит работоспособность font-face'а в опере, и много ли опер не будут мой font'face отображать. Может гдето есть инфа от производителя оперы чтоли.. Главное в локальном файле работает, правда в пути не должно быть кириллицы, или мож какое другое ограничение, главное что D:\index.html работает. И то, если font-family: 'My Font Family' прописано не в css файле а в index.html то при рефреше страницы шрифт пропадает. Возился с денвером, настроил Content-type следующим образом: AddType application/x-font-truetype .ttf #AddType font/truetype .ttf AddType font/svg-xml .svg В firebug смотрел, заголовок Content-type становится правильным. Но опера всеравно не захавывает шрифт. В dragonfly видно что она даже не запрашивает его с сервера. ИИИзредка после изменения css-файла мелькал запрос то .eot файла, то .ttf но шрифт всеравно не отображался. если есть какаянить инфа, прошу поделиться...
-
Как div блок растянуть по высоте между двумя другими?
danik.html replied to Elmirill's question in HTML Coding
я прочитав тоже так подумал)) но вот только о подобном фиксе не слышал. поделишся? -
народ, не могу найти ничего по этому вопросу. сам третий день пытаюсь научить оперу этому делу... локальный файл нормально отображается(только если в пути нет кириллицы) а с сервака не хочет никак... я и mime-типы прописывал все, серавно все колом... блин, ненавижу оперу! хотя сам ща на ней сижу )) опера 10.6