HTMLCSS.ru

Cufon (Методы)

Tue, 21 Feb 2012 23:17:56 +0300

Здравствуйте! При изучении различных св-в и методов подключения шрифтов через Cufon — столкнулся с проблемой понимания того, что же всё таки означают следующие методы и как их правильно прописать?(что бы они функционировали): 1) set 2) now 3) refresh вышеизложенные методы взяты от сюда: http://www.xiper.net/collect/html-and-css-tricks/typographics/cufon.html в дополнение к перечисленному, также хотел бы разьяснить для себя действие следующих св-в взятых из этой ссылки: https://github.com/sorccu/cufon/wiki/styling 1) cufon-active 2) cufon-loading 3) cufon-ready P.S. Перепробовав всевозможные комбинации и варианты, которые не дали результатов решил обратится за помощью сюда! В гугле найти к сожалению ничего не удалось... (возможно у кого есть более детальная инфа на русском по этому поводу) Буду благодарен за любые советы и помощь по данному направлению...

Категории

Обновления на сайте

Mon, 20 Feb 2012 14:37:09 +0300

Панель пользователя

Продолжаем дорабатывать и улучшать программную часть сайта. Сегодня хочу сообщить об очередном апдейте. Переделали панель основное меню авторизированного пользователя, добавили так называемую панель. При этом решили убрать основное горизонтальное меню т.к. оно все-равно дублировало разделы. Панель всегда закреплена вверху окна браузера и содержит следующее:

Аватарка пользователя, она же ссылка на страницу профайла
"Главная" - переход на главную страницу проекта
"Блог" - переход на страницу записей в блоге пользователя
Иконка персонального RSS канала пользователя
"Портфолио" - раздел портфолио
"Комментарии" - все комментарии пользователя
"Сообщения" - внутренняя переписка

Стараться делать сайт удобным и полезным для пользователей. Будут предложения/замечания по работе сайта пишите.

Категории: доработки

Конференция Microsoft SWIT 2012, 22+23 марта, Киев

Tue, 14 Feb 2012 13:23:35 +0300

Microsoft SWIT 2012

14 докладов расскажут о том, как разработчики смогут создавать приложения для нового интерфейса, используя привычные технологии разработки – HTML/CSS и JavaScript. Microsoft SWIT 2012 будет широко освещаться разработка под Windows 8 и METRO. В рамках конференции будут покрыты следующие темы:

Проектирование интерфейсов METRO
Облачные вычисления
Архитектура приложений и систем
Мобильная платформа Windows Phone
Информационная безопасность
Управление ИТ-инфраструктурой
Технологии виртуализации
Языки и инструменты разработки ПО

Двухдневная программа конференции включает:

Пленарный доклад о стратегии развития технологий Microsoft;
Более 50 докладов, сгруппированных по трекам;
Лабораторные классы hands-on-lab по новым программным разработкам;
Круглые столы с участием ведущих экспертов Microsoft и индустрии;
Зону "Спроси эксперта";
Выставку новинок и решений от ведущих технологических компаний Украины;
Демо-зону стартапов BizSpark и не только.

Место проведения г. Киев, выставочный комплекс «ACCO International», проспект Победы, 40-Б Программа мероприятия опубликована на официальном сайте. Обратная связь Присоединитесь к Facebook сообществу ИТ профессионалов http://www.facebook.com/ITproCommunity Следите за новостями с хеш-тегом #msswit в Twitter http://twitter.com/#!/dpeua

Категории: Microsoft , swit

Карта сайта

Mon, 13 Feb 2012 23:10:30 +0300

Здравствуйте! Помогите, пожалуйста, разобраться, почему я на сайте не могу создать карту сайта. Сделала все пошагово, руководствуясь видео http://pro250.com/kak-sozdat-kartu-saita. Но у меня плагин Dagon Design Sitemap Generator не генерирует карту, она вообще не отображается, хотя я его настроила и активировала. Может это связано с выбранной темой сайта? Но я много инфы читала, что этот плагин универсален. Так чего же у меня не создает карту? Кстати, для поисковиков получилось создать, а вот для посетителей нет :( Вот сайт http://makovka777.ru/

Категории: карта сайта , плагин

Код кнопки

Fri, 10 Feb 2012 19:15:31 +0300

Здравствуйте! Я понимаю, что у профи мой вопрос вызовет недоумение, но я не знаю к кому обратиться. Перелопатила столько инфы и не поняла, что необходимо поправить в коде HTML кнопки, чтобы ее длина стала меньше и она вписалась в дизайн темы. Вот код Код кнопки:

<a title="Группа &quot;Звездный Путь&quot;." target="_blank" href="http://subscribe.ru/group/zvyozdnyij-put/"><img alt="Звездный Путь" src="http://stardancer.at.ua/ZvezdniyPuty1-2.gif"><br></a>

А вот так она ужасно выглядит на сайте:( http://makovka777.ru/

Категории

Myriad Pro

Fri, 10 Feb 2012 17:33:34 +0300

Здравствуйте! Очень часто в дизайне макетов вижу шрифт Myriad Pro, раньше не задумываясь подключал через cufon, font-face. А недавно почитал в интернете, что этот шрифт идет с всемя програмами Adobe, и я думаю в каждого человека есть что-то от Adobe. Вопрос: зачем подключать Myriad Pro?

Категории: Myriad Pro

CSS Media Queries

Fri, 10 Feb 2012 09:07:42 +0300

Привет, пытаюсь понять min-width/max-width & orientation: portrait/landscape для мобилных. Когда тестирую, то работает:


  @media screen and  (max-width: 420px) and (orientation:landscape) {
      /*css for landscape*/
  }
  @media screen and  (max-width: 320px) and (orientation:portrait) {
      /*css for portrait*/
  }

Когда тестирую, то работает:


  @media screen and  (max-width: 420px) {
      /*css for landscape*/
  }
  @media screen and  (min-width: 320px) {
      /*css for portrait*/
  }

А этот вариант не работает:


  @media screen and  (max-width: 420px) {
      /*css for landscape*/
  }
  @media screen and  (min-width: 320px) {
      /*css for portrait*/
  }

Подскажите, как лучше всего использовать min-width и min-width? и есть ли зависимость между min-/max width и orientation?

Категории: mobile , css media query

ПРАЙС, стоимость верстки

Tue, 07 Feb 2012 02:41:15 +0300

Господа. Недавно решила сменить специализацию и пополнить ряды верстальщиков. Учусь :) Подскажите, пожалуйста, примерные расценки.

Категории

Картинка должна перемещаться по слою

Sat, 28 Jan 2012 21:19:27 +0300

Картинка должна перемещаться по слою в совершенно хаотическом порядке.Скажите - это можно реализовать с помощью js? И если у кого-то есть идеи по реализации отпишитесь плз

Категории: JavaScript

HTML CSS

Tue, 24 Jan 2012 12:21:07 +0300

Добавила свою работу хотелось бы услышать объективный комментарий по верстке Портфолио

Категории

ie9 и pie.htc

Mon, 23 Jan 2012 22:42:14 +0300

как сделать чтобы pie.htc работал в ie9? подскажите пожалуйста, буду благодарен.

Категории: PIE , ie9

Верстка под iphone и ipad, ограничения для background и img

Fri, 13 Jan 2012 14:55:21 +0300

Обрезка фона в iphone, ipad

В последнем проекте столкнулись с некоторыми ограничениями при верстке сайта под iphone и ipad. Тема была изучена, решения все-таки нашлись о чем и хочу поделиться. В нашем случае возникли сложности с фоновой картинкой(фотографией), при просмотре сайта на iphone или ipad часть изображения просто обрезалось. Копнув глубже выяснилось, что iOS для мобильных устройств имеет набор ограничений. Ограничение на физический размер изображения:

для устройств с ОЗУ менее чем 256 Мб – 3 Мегапикселя (т.е. физический размер изображения должен быть ≤ 3*1024*1024 или 3 145 728 пикселей)
для устройств с оперативной памятью более или равным 256 Мб – 5 Мегапикселей (картинка ≤ 5*1024*1024)
для iOS 2.2.1 и более ранее версий, размер картинки не должен превышать 2 Мегапикселя (картинка ≤ 2*1024*1024).

Варианты решения проблемы с большим background: 1. Сделать, специально для iphone и ipad, уменьшенное фоновое изображение и подгружать его через @media. Для всего остального показываем наш большой фон любых размеров. Пример:

@media screen and (max-device-width: 1024px) {

.global { background: url(images/bg_small.jpg) 0 0  no-repeat !important; } 

}

Т.е. фоновое изображение bg_small.jpg отобразится для блока с классом global для всех устройств с максимальным разрешением 1024. 2. Разрезать фоновую картинку на части, и прописать блоку сразу несколько фонов(CSS3) Пример:

.global {

background:url(images/bg_part2.jpg) 50% 500px no-repeat, 

url(images/bg_part1.jpg) 50% 0px no-repeat ;

}

Про это и другие ограничения iOS можно почитать на сайте производителя: Know iOS Resource Limits

Категории: ipad , iphone , background

Microsoft прощается с Internet Explorer 6

Fri, 06 Jan 2012 11:15:24 +0300

Прощай ИЕ6 ;(

Microsoft отметило значительное для своей компании событие: доля браузера Internet Explorer 6 в США стала ниже 1%. Один из крупнейших в мире производителей программного обеспечения Microsoft уже давно агитирует пользователей перестать использовать устаревший веб-браузер,и даже открыла прошлой весной сайт IE6 Countdown, где показана информация о снижении использования данного браузера в мире.

Помимо пользователей из Соединенных Штатов Internet Explorer 6 использование данного браузера практически прекратили юзеры в Австрии, Польше, Швеции, Дании, Финляндии и Норвегии. Так же перестать использовать данный браузер готовятся Австралия, Великобритания, Канада, Турция и некоторые другие страны. Пользователей ИЕ6 из России 2,1%. Зато в в комуннистическом Китае IE6, 25% до сих пор его используют. Браузер так же пользуется популярностью еще во многих азиатских странах. В среднем мировая доля IE6 составляет 7,7%.

[Image-1] [Image-2]

P.S. Добавлю от себя: мы уже около года как перестали поддерживать ИЕ6. Проверяем только, чтоб не ломалась структура сайта. Если кто все-таки яро желает полную поддержку ИЕ6, то только за отдельную плату. :)

К стати, не так давно мелькала новость, что доля всех ИЕ упала ниже 50%. Это тоже знаковое событие и в правильную сторону.

Категории: IE6

С Новым годом!

Sat, 31 Dec 2011 16:13:27 +0300

С Новым годом, друзья! Пусть большая часть всего, о чем мечтается, исполнится в наступающем году!

Категории

Ну тормоз я!!!

Fri, 30 Dec 2011 05:14:55 +0300

Набираю h1{ font-family: verdana, arial, sans-serif; font-variant:small-caps } И ничего не происходит. Попробовала так h1{font-family:verdana, arial} h1{font-variant small-caps} и опять ничего А так хочется small-caps...... Подскажите, что не так делаю?

Категории

Обучение. Начало.

Thu, 22 Dec 2011 09:11:01 +0300

Здравствуйте! Имею огромное желание научится верстке, мои вопросы: 1) Какую использовать литературу, ресурсы, сайты, видеоуроки и т.п.? 2) У Евгения Попова есть бесплатные курсы HTML/CSS , стоит ли начинать с них? встречал о нем не очень хорошие отзывы... 3) Что ещё надо будет изучать кроме HTML/CSS? 4) Как лучше практиковаться?

Категории

Портфолио верстальщика, сервис

Tue, 20 Dec 2011 19:57:14 +0300

Портфолио верстальщика

Сегодня хочу презентовать сообществу новый, и надеемся полезный сервис — Портфолио. Не просто портфолио, а портфолио HTML CSS кодера (верстальщика)!

Основная идея сервиса — дать возможность пользователям публиковать свои работы по HTML CSS верстке. Не только макет дизайна или ссылку на работающий сайт после программистов, а именно верстку в чистом виде. При этом в удобной подаче для потенциального работодателя!

Возможности портфолио

Просмотр готовой верстки
Загрузка исходного макета дизайна главной страницы
Текстовое описание работы
Удобный просмотр исходного HTML и CSS кода
Возможность показа верстки внутренних страниц
Просмотр портфолио в списочном и блочном режиме

Как пользоваться

Переходим на свою страницу htmlcss/USER или USER.htmlcss.ru
Заходим на страницу "Портфолио", в блоке "Разделы пользователя " (правая колонка)
Нажимаем кнопку "Добавить"
Загружаем архив с версткой, макет главной и пишем текстовое описание работы
Наслаждаемся результатом! :)

Ограничения

Архив должен быть без JS и других скриптов, имена файлов латиницей, без пробелов и спецсимволов. В папке с изображениями не должно быть файла thumb.bd.
Архив только .zip (вес не более 3 Мб)
Разрешенные папки: img/, images/, i/, css/.
Обязательные файлы: index.html в корне и style.css в корне или папке css

Пример портфолио

http://htmlcss.ru/portfolio/Greg/

Пользуйтесь на здоровье!!!

UPD: Превью генериться автоматически из макета. Макет дизайна нужно загружать 1 к 1(не превью). Идея в том, чтоб было видно, что было (макет) и что стало (верстка).

Категории: портфолио

Универсальный плагин для селектов...

Wed, 14 Dec 2011 21:37:42 +0300

Здравствуйте! JS и JQ владею не очень — поэтому пользуюсь пока что только плагинами.. Сейчас столкнулся с проблемой того, что когда селектов на странице нужно сделать больше чем один - Ни один из них не работает... Пример: http://yamaradg.naro...LECTS/demo.html (Хотя в данном случае проблема возможно заключаеться в том что к селекту подключаеться ID!?) Перепробовал уже несколько плагинов — но результат примерно тот же! P.S. Если кто даст какую — нибудь ссылку на универсальный плагин для селектов — буду очень признателен...

Категории

тень

Fri, 25 Nov 2011 12:05:35 +0300

как сделать тень box-shadow только для лева и права?

Категории

ИЕ6 хаки, их значение?

Sun, 20 Nov 2011 20:14:20 +0300

В макете Колизей используются хаки я практически не знакома с их применением, можно подробней объяснить их значение и в каких случаях их использовать?

Категории: хаки

Обучение. Однотипные блоки

Sat, 12 Nov 2011 13:12:30 +0300

Иногда встречаю в верстке два и более абсолютно одинаковых блока, но имеющие разные классы. Например: [Image-1] Визуально видно, что блоки совершенно одинаковые, но при верстке возникает вопрос, как быть с последним блоком, ведь каждый блок несет значение ширины блока и правого отступа, а у последнего блока нет отступа, и тут чтобы не отступать от макета, последнему блоку задают дополнительный класс, в котором прописан правый отступ равен нулю. Но правильнее прописать родительскому блоку таких элементов отрицательный правый маргин, равный значению правого отступа однотипных блоков, если же значение велико, и родительский блок заступать на другие блоки, либо же выступит за область самой страницы, для этого нужно создать еще один родительский блок со значением overflow:hidden

<div class="catalog"><div class="catalog_inner">

	<div class="item">…</div>

	<div class="item">…</div>…

	<div class="clear"></div>

</div></div>

.cl {clear:both; }

.catalog {overflow:hidden;}

.catalog_inner {margin:0 -38px 0 0; }

.item {width:90px;  float:left; padding: 0 38px 0 0;}

[Image-2]

Категории: обучение

Порядок рендера страницы, на примере движка Gecko (Firefox)

Thu, 10 Nov 2011 15:27:29 +0300

Netscape Gecko Logo

Нашел в статье с ресурса Web-standards.ru видео показывающее порядок обработки лейаута движком Gecko: Статью также рекомендую к прочтению, новичкам в верстке может показаться сначала трудно/непонятно, но разобраться очень даже стоит.

Категории: Gecko , Firefox , Layout

Обучение. display:inline-block

Thu, 27 Oct 2011 14:12:12 +0400

Знания накапливаются с практикой. Вначале решение какой-то задачи кажется не возможным, потом решение может даже прийти само собой, но чаще конечно решения перенимаются. Перенимайте ;)

Ниже приведена задача и ее решение, раньше казалось не осуществимым, хотя так оно и было, ведь FF2 не поддерживал свойство display:inline-block, потом еще долго я не использовала данный метод.

Задача

Надо сделать верстку блоков с фиксированной шириной, но не с фиксированной высотой, + резиновая верстка, т.е. при разных значениях разрешения экрана, количество блоков в ряду будет изменяться. [Image-1]

Решение

Html

<div class="item">

	<a href="#"><img src="img.jpg" width="87" height="85" alt="" /></a>

	текст

</div>

<div class="item">

	<a href="#"><img src="img.jpg" width="87" height="85" alt="" /></a>

	текст

</div>

А в CSS пропишем следующее

.item {display:inline-block; width:130px; padding:22px 33px 17px 0; vertical-align:top;}

Т.е. наши блоки превращаются в блок, ведущий себя как строчный элемент. Но в IE6 и IE7 результат будет иной, поэтому для этих браузеров надо прописать

.item {display:inline;}

Рабочий пример во вложении

Категории: css , html , display:inline-block

HTML верстка начало. Метод перебора кода. Практика.

Thu, 27 Oct 2011 12:21:25 +0400

HTML CSS верстка

Продолжаю делиться своим практическим опытом. Сегодня хочу рассказать про т.н. «метод перебора кода». Суть его в том, чтоб самостоятельно, ручками перебрать чужой код. По ходу дела понять ход мысли человека, делавшего этот код, поэкспериментировать, получить базовые практические навыки. По этому методу учился я сам и учил других людей.

Принцип метода очень простой: берете готовую верстку(более опытного человека), создаете свои пустые HTML/CSS документы и начинаете переносить по одному тегу HTML и по одному CSS свойству для этого тега. Папку с картинками копируете сразу, чтоб не мучаться с нарезкой.

Перенося кусочкам код, из готовой верстки в ваши пустые документы, вы проделаете практически все то, что делал человек до вас. Главное - поймете саму суть HTML верстки и возьмете на вооружение использованные приёмы.

Немного предыстории :)

Когда я только начинал заниматься кодингом, никто еще особо не слышал про дивную верстку. Я уже успел кое-как научиться верстать таблицами, сделал порядка 10 легких проектиков. В то время весь код был исключительно в HTML, в CSS выносили только свойства шрифтов :). Как всегда хотелось реальных проектов, и я начал искать подработку удаленно .

Так получилось, что я вышел на одного человека работавшего с западными заказчиками, они искали html кодеров. В качестве примера мне прислали архив с проектом сделанном чисто на DIV и CSS. Открыв файлы у меня был шок! Там было совсем не то, что я привык видеть! Я банально не понимал, что происходит и начал перебирать кусочками код. Открыл справочники и читал про встречавшиеся новые для меня HTML теги и CSS свойства. После одного перебора была понята суть бестабличного метода верстки, я изучил CSS свойства, реально поднял свой уровень.

Практическая часть

Во вложении есть архив с простым проектом(www.rar, 243.4 Кб), он самый простой начинайте тренироваться на нем. Пошагово это должно выглядеть примерно так:

Создаем пустые HTML и CSS файлы в отдельной папке, копируем рядом папку с картинками
Открываем HTML файл готовой работы
Копируем код HTML документа без самой верстки
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Заголовок страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251;" /> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> </body> </html>
Копируем свойства глобальных тегов в CSS /*---Global tags---*/
Дальше в HTML уже по одному тегу, начиная с
<div class="container"></div>
Копируем CSS свойства для него
.container {width:1000px; margin:0 auto;}
Смотрим в браузере, что происходит на странице(F5 обновить страницу в браузере). Тут видно, что у блока появилась ширина 1000пх и он центрируется по ширине с помощью margin:0 auto;. Чтоб лучше было видно проиходящее в самом браузере, пользуйтесь либо Firebug либо задавайте блоку рамку в 1пх
border:1px solid #000;
HTML файл. Далее копируем внутрь контейнера шапку сайта
<div class="container"> <div class="header"></div> </div>
CSS, копируем стиль для блока header
.header {padding:23px 0 42px 0;}
Видим, что появились верхний и нижний отступ внутри блока header, левый и правый равны нулю.
HTML файл. Копируем блок logo и его CSS свойства. Смотрим что происходит в браузере.
И так далее до конца :)

Метод очень простой, возник интуитивно. За часик вы переберете этот не сложный проект. По ходу дела можете играться с разными значениями в CSS свойствах. Если встречаете не знакомый для вас тег или css свойство, обязательно открывайте справочники и прочитайте про не него. Вам должно быть понятно все, что написано и почему именно так! Только тогда двигаетесь дальше.

Переберите пару тройку работ и у вас в голове будет четкая картина того, как делается верстка + реальные практические навыки. Дальше можно пытаться делать работы самостоятельно подглядывая в перебранные вами ранее работы для решения типовых задач.>

Про минимальный набор инструментов для HTML CSS верстки я писал раньше, полистайте.

Удачи и терпения вам! :)

UPD
Добавил еще пару версток по сложнее: Колизей и Web-silver. Архивы во вложенных файлах.
Тренькайтесь на здаровье! ;)

Категории: вёрстка , css , html

Эффективность изучения верстки

Wed, 26 Oct 2011 11:31:31 +0400

Для повышения эффективности в изучении HTML и CSS для новичка, наиболее важным моментом является изучение простых основ верстки. В интернете выложено огромное количество иформации, и начинающий по не опытности начинает хвататься за все, и как правило попадает в тупик. На это тратится огромное количество времени и сил. Да и результатов такой работы в результате не видно. Разобраться во всем и сразу не представляется возможным.

Категории

Отображение верстки на ipad

Thu, 20 Oct 2011 08:50:19 +0400

Всем доброго! К сожалению, в рунете обилия информации на данную тему не нашел, хотя мне кажется что на сегодня отображение верстки под данным девайсом актуально. Собственно, я рассматриваю вариант, когда возможности тестирования на самом ipad'е нет. Что удалось собрать:

Учет рабочего разрешения (1024х768)
Особенности браузера Safari
Отсутствие флеша

Кто в теме, подскажите, есть ли еще какие-нибудь основополагающие особенности?

Категории: ipad

а как вы делаете резиновый необычный блок????

Tue, 18 Oct 2011 06:19:28 +0400

нестандартный блок резиновый

есть такая конструкция

<div class="blok">

           <div class="blok-up"><div class="l"></div><div class="r"></div><div class="up"></div></div>

           <div class="blok-cont"><div class="cont"><div class="main"><div class="bg">

bla bla bla

...

...

...

           </div></div></div></div>

           <div class="blok-down"><div class="l"></div><div class="r"></div><div class="down"></div></div>

            </div><!--end blok-->

CSS

/******************************** bblok ************************************/

div.blok{ position:relative;float:left; margin:5px;}

div.blok div.blok-up {float:left; width:100%; height:9px;}

div.blok div.blok-up div.l {float:left; background:url(../img/f-ul.png) no-repeat; width:10px; height:9px;}

div.blok div.blok-up div.r {float:right; background:url(../img/f-ur.png) no-repeat; width:10px; height:9px;}

div.blok div.blok-up div.up {background:url(../img/f-up.png) repeat-x; margin:0 10px; height:9px;}

div.blok div.blok-down {float:left; width:100%; height:9px;}

div.blok div.blok-down div.l {float:left; background:url(../img/f-dl.png) no-repeat; width:10px; height:9px;}

div.blok div.blok-down div.r {float:right; background:url(../img/f-dr.png) no-repeat; width:10px; height:9px;}

div.blok div.blok-down div.down {background:url(../img/f-d.png) repeat-x; margin:0 10px; height:9px;}

div.blok div.blok-cont {float:left; width:100%; background:url(../img/f-l.png) 0 0 repeat-y;}

div.blok div.blok-cont div.cont {float:left; width:100%;background:url(../img/f-r.png)  100% 0 repeat-y; }

div.blok div.blok-cont div.cont div.main {margin:0 10px;}

div.blok div.blok-cont div.cont div.main div.bg { background:url(../img/f-bg.png) repeat;float:left; width:100%;}

/******************************** bblok ************************************/

вот ИЕ наш любимый коряво отображает да и в FF почемуто справа отступ непонятный образуется. а если вместо бла бла вставить например textarea то вроде выглядит все нормально и не ламается. подскажите может есть уже такие методы чтобы велосипеды не придумывать. вот как должно выглядеть, и таких блоков на сайте много будет....

UPD: в комментариях блок посложнее прикрепил, струкрура и ксс теже самые

Категории: нестандартный блок резиновый

z-index в ie-7

Mon, 17 Oct 2011 23:21:00 +0400

Здравствуйте! При "апгрейде" плагина, ссылка которого находиться здесь( a href="http://yamaradg.narod2.ru/history/Matrix/index.html ) столкнулся с "каменной стеной"! Застрял на проблемах с - IE-7,8! А дело собственно вот в чём: 1) при наведении на матрицу у в ie-7 не срабатывает z-index для большой картинки! Соседние как следствие на неё налазят.(не знаю как выкрутиться из этой ситуации?) 2) В IE-8 вся матрица вообще пропадает из виду... (это связано с подключением скрипта border-radius для IE-7,8... И единственным решением которое удалось найти являеться {position:relative} Но тогда Матрица работает не адекватно..(поскольку принцип работы плагина построен на {position:absolute;} для этого блока.) 3)У всё того же (который срабатывает при наведении) в IE-7 не отображаеться border 3px #fff - даже представления не имею почему это происходит? Обращался по этуму вопросу уже в 2 форума - но какой либо зацепки за решение найти так и не удалось... P.S. Буду благодарен за любой совет и любую помощь по этим вопросам...

Категории

Фото отчет HTML5 Picnic

Tue, 11 Oct 2011 20:45:46 +0400

UXnext

Сегодня мне довелось быть участником события HTML5 PICNIC от компании Microsoft. Спешу выложить фото отчет по горячим следам :) Спасибо докладчикам, было интересно. Организаторам и лично Никите отдельный респект! [Image-1] [Image-2] [Image-3] [Image-4] [Image-6] [Image-7] [Image-8] [Image-9] [Image-10] [Image-11] [Image-12] [Image-13] [Image-14] [Image-15] [Image-16] [Image-17] [Image-18] [Image-19] [Image-20] [Image-21] [Image-22] [Image-23] [Image-24]

Категории: HTML5 , Microsoft

DOCTYPE html в ИЕ7, 8

Tue, 11 Oct 2011 09:55:56 +0400

Подскажите, пожалуйста, как влияет

<!DOCTYPE html>

на отображение содержимого в ИЕ 7, 8?

Категории: HTML5 , doctype