archive-ru.com » RU » P » PALPALYCH.RU

Total: 377

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Как подключить CSS для Safari, Internet Explorer, Firefox, Safari, Google Chrome - Студия ПаЛыЧа
    на сайте htmlbook ru Чтобы правило работало прописываем в конце каждого определения important Приведу пример для наглядности if lte IE 6 link rel stylesheet href css cssf ie6 css type text css media screen link endif Второе решение это хаки Приведу пример Оба варианта валидны И удобнее всего использовать html box height 300px Только IE6 html box height 300px Только IE7 Opera 9 Тут тоже два решения Первое с использованием javascript второе снова хаки Предпочитаю как можно реже использовать javascript поэтому сам выбираю второй пункт Прописываешь прямо в CSS Но к сожалению этот хак коснется и Safari media all and webkit min device pixel ratio 10000 not all and webkit min device pixel ratio 0 box background F00 Safari и Google Chrome media all and webkit min device pixel ratio 0 box color red для Chrome и Safari Firefox Здесь нечего писать Так как он для меня и других правильнее всех рендерит HTML я просто беру его за основу Делаю верстку для него А потом уже отталкиваюсь и делаю поправки на другие браузеры Но все равно бывают затыки против которых не попрешь Например в лисе проблемы с вертикальным выравниванием в полях ввода текста Чтобы бороться с ними прописываем так moz

    Original URL path: http://palpalych.ru/vrednye-sovety/63-kak-podklyuchit-css-dlya-safari-internet-explorer-firefox-safari-google-chrome.html (2016-04-30)
    Open archived version from archive


  • Разница между «ID» и «CLASS» - Студия ПаЛыЧа
    элемента Идентификаторы имеют специальную функциональность для браузера Классы не имеет специального функционала в браузерах в отличии от идентификатора Идентификаторы имеют очень важное свойство так называемое мера упорядочности hash value Например если вы введете в строке браузера строку http your site ru comments то браузер попытается найти элемент с идентификатором равным comments и автоматически совершит прокрутку страницы чтобы показать этот элемент Это и является основой причиной уникальности идентификатора поэтому ваши браузеры знают куда скроллить При обработке джаваскриптом страницы быстрее всего будут найдены элементы с идентификаторов чем с классом Если не нужны то и не испольуйте Как вы уже заметили классы и идентификаторы очень важны и поэтому нам необходимо использовать для того чтобы управлять страницей Поэтому мы должны их использовать разумно и семантично Это подразумевает следующее a href http palpalych ru id link CSS от ПаЛыЧа a Мы уже знаем что этот элемент является ссылкой но он еще и якорный элемент Нет смысла накладывать на него класс так как мы уже наложили стиль через его тег link Идентификатор подразумевает использование здесь только одной правой колонки но имя здесь неподходящее Пытайтесь описывать содержимое элемента но только не то где он находится или то на что он похож Идентификатор sidebar будет более подходящим div id sidebar Ну вот в принципе и все Теги css html Что еще почитать по этой теме Проверка браузера на поддержку свойств CSS через JavaScript Как использовать CSS3 фильтры Opera жжет HTML5Camp в Питере Верстка для сайта коттеджнего поселка Следующая статья Как подключить CSS для Safari Internet Explorer Firefox Safari Google Chrome Предыдущая статья Режим совместимости в Internet explorer Ctrl Комментарии Alix 02 09 2008 10 38 тема у статьи хорошая А сама статья такое ощущение что писал бухой Куча ошибок и нелогичные объяснения Ответить PaLyCH 27 03 2016 16 49 Извини конечно но русский язык не является сильной моей стороной Ответить Newone 25 12 2008 22 01 Есть еще одно очень важное различие У id в плане css приоритет гораздо больше чем у class Иллюстрация несмотря на стили class все браузеры проигнорируют свойства у class в пользу этих же свойств у id id font size 2em color FFO class font size 1em color FOF Ответить Newone 25 12 2008 22 04 В верхнем комменте вырезался тег Хотя может и понятно но для наглядности создайте тег с id id и class class Причем забыл добавить по приоритетности id настолько силен что его не сможет переломить и дюжина классов Только inline стиль Ответить PaLyCH 26 12 2008 01 10 Именно так Ответить Marina 10 11 2009 10 14 На каждой странице может быть только один элемент с ID Усли у меня id navigation то id sidebar нельзя на той же странице Ответить PaLyCH 10 11 2009 11 32 Суть в том что был идентификаторы не повторялись Можно хоть мулльон но чтобы были разными Ответить PetrosTur 06 09 2010 10 45 Дополнительные функции id Для атрибута id существует функция getElementById Ответить PetrosTur 06 09 2010 10 47 Запись множественных атрибутов Здесь имеются принципиальные различия между id и class Так одному объекту можно

    Original URL path: http://palpalych.ru/vrednye-sovety/61-raznica-mejdu-id-i-class.html (2016-04-30)
    Open archived version from archive

  • Размер шрифта в em для IE 6.0 - Студия ПаЛыЧа
    придумали такую систему измерений как em Так вот если ставить размеры шрифтов в CSS с указанием единицы измерения em то новые браузеры нормально рассчитывают кегель А вот IE почему то уменьшает в обратную сторону Елы палы Для этого пришлось создавать отдельный файл хак для IE 6 0 в котором размеры шрифтов можно проставить или в или в px Народ меняйте браузеры на современные вы получите удовольствие от них точнее от просмотра страниц в вебе Теги css internet explorer хаки Что еще почитать по этой теме Максимальный размер CSS файла Проверка браузера на поддержку свойств CSS через JavaScript Как использовать CSS3 фильтры Как очистить кэш браузера Opera жжет Следующая статья Не забывайка Несколько моделей в одном вьювере Предыдущая статья Прозрачность для всех брaузеров через CSS Ctrl Комментарии ddr 31 07 2008 12 23 Устанавливайте размер шрифта 100 01 для элемента html Значение 100 01 для размера шрифта компенсирует несколько багов в различных браузерах Во первых установка размера шрифта в процентах вместо em исключает проблему в IE Win с непропорциональным ростом или уменьшением размера шрифта если он будет установлен в em для других элементов Во вторых некоторые версии Opera могут отображать 100 шрифт слишком мелко по сравнению с другими браузерами С другой

    Original URL path: http://palpalych.ru/vrednye-sovety/60-razmer-shrifta-v-em-dlya-ie-60.html (2016-04-30)
    Open archived version from archive

  • Подключение стиля только для Safari 3 - Студия ПаЛыЧа
    and webkit min device pixel ratio 0 href css safari css В итоге получаем чёткое побраузерное разделение кода и валидные HTML и CSS Опробовано на Windows версии Safari 3 1 Теги css хаки Что еще почитать по этой теме Проверка браузера на поддержку свойств CSS через JavaScript Как использовать CSS3 фильтры Opera жжет HTML5Camp в Питере Верстка для сайта коттеджнего поселка Следующая статья Min height min width max height max width для IE6 Предыдущая статья Обновление стилей CSS без перезагрузки страницы Reload CSS Ctrl Комментарии Дмитрий 04 06 2008 03 20 Есть ли подобный трюк но для подключения отдельно стиля для 2й версии Safari Ответить PaLyCH 27 03 2016 16 50 К сожалению пока не искал так как не было нужды Ответить oktolom 03 10 2008 21 15 Safari 3 нормальный браузер И стили для него отдельно писать не кчему Он так же работает как firefox и опера а вот ие совсем другое дело Нля него зачастую просто необходимо использовать хаки например в случае min height или например баг двойного маржина в ие знают многие И его можно пофиксить двумя способами либо делаешь развилку и ставиш маржин в два раза меньше либо делаешь блоку с багом дисплей инлайн Ответить PaLyCH

    Original URL path: http://palpalych.ru/vrednye-sovety/56-podklyuchenie-stilya-tolko-dlya-safari-3.html (2016-04-30)
    Open archived version from archive

  • На что похож чистый HTML-код? - Студия ПаЛыЧа
    шаблоны и стили для каждой страницы если конечно используете постраничную верстку Например вы можете задать для каждого id свое оформление заголовков h2 с использованием дочерних селекторов one h2 или two h2 Семантически чистое меню Вы его видели раньше и не раз и не только у меня на сайте и придется еще раз увидить Использование списка для меню дает неограниченные возможности по контролю над ними и конечно стилевому контролю ul id menu class b menu li class active a href index php Главная a li li a href about php О нас a li li a href contact php Контакты a li ul Главный блок DIV для содердимого страницы Использование блока DIV для содержимого даст вам неограниченные возможности по управлению страницей особенно это касается эластичных страниц Также можно для блока задать минимальную ширину и высоту об этом уже писал Важный контент должен быть первым Будет лучше если ваш важный контент такой как новости или приглашения будет опубликован первым Если правая или левая колонки содержат в себе навигацию например меню то лучше сделать его как можно ниже Подключение активного содержимого A это было первым что я сделал когда создал первый сайт при помощи PHP Я разбил сайт на 4 логические части и каждая подгружалась при помощи команды include Лучше всего будет если вы подгружаете отдельно верхнее меню боковые и футер В таком случае вам будет проще управлять содержимым Закрытые теги Открыли strong закрыли strong Не будьте ленивыми закрывайте теги иначе у вас могут возникнуть проблемы с валидностью да и просто ошибки при отображении в браузерах Иерархия заголовков Не забываем что на странице может быть только один заголовок H1 А под ним H2 и H3 Содержимое содержимое содержимое Это понимают все надеюсь Без содержимого сайт просто пустышка который стыдно показывать Текст не забываем оформлять параграфами p Использование переноса br приводит к схлопыванию форматирования

    Original URL path: http://palpalych.ru/vrednye-sovety/55-na-chto-pohoj-chistyi-html-kod.html (2016-04-30)
    Open archived version from archive

  • Прозрачность для всех брaузеров через CSS - Студия ПаЛыЧа
    следующие свойства CSS для opacity э то самое важное потому что является стандартом CSS Это работает во всех новых версиях Firefox Safari и Opera Этого могло быть достаточно если бы все браузеры поддерживались этого На деле это не так filter alpha opacity 50 Так необходимо прописывать прозрачность для IE moz opacity не забываем про старые версии браузеров Mozilla таких как Netscape Navigator khtml opacity это свойство прозрачности для старых версий

    Original URL path: http://palpalych.ru/vrednye-sovety/53-prozrachnost-dlya-vseh-brauzerov-cherez-css.html (2016-04-30)
    Open archived version from archive

  • 9 интересных CSS-трюков - Студия ПаЛыЧа
    фиксированную ширину плавающих блоков box overflow hidden 4 Предотвращает разбиение ссылок на строки a white space nowrap 5 Всегда показывается скроллинг в FireFox html overflow moz scrollbars vertical 6 Горизонтально центрированный блок элементов обязательно указывать ширину box margin 0 auto width 986px 7 Скрытие вертикального скроллинга textarea в IE textarea overflow auto 8 Разбиение на страницы при печати вашего документа h2 page break before always 9 Удаление рамки у активных

    Original URL path: http://palpalych.ru/vrednye-sovety/50-9-interesnyh-css-tryukov.html (2016-04-30)
    Open archived version from archive

  • IE CSS Bugs они вас всегда достанут - Студия ПаЛыЧа
    случае если у вас будет переполнение блока текстом или другим содержимым Min height идеальное решение но использование его одного не даст необходимой высоты блока Современные барузеры поддерживают оба понятия Для IE6 можно использовать следующее Min height min width max height max width для IE6 Шаг вниз Обычно плавающие объекты могут быть выравнены в горизонтальную линию Но не в IE6 Каждый следующий блок будет ниже на один уровень так называемый stepdown Для решения этой проблемы используется следующая директива box display inline Другие примеры решений можете посмотреть здесь preventing stepdown here Нет наведения Самые современные браузеры поддерживают hover практически для всех элементов но не в IE6 IE6 поддерживает только псевдокласс для гиперссылок Решение для использования ищите здесь proprietary fix или просто откажитесь от hover для других элементов Отсутствие поддержки альфа прозрачности в PNG Частью шутки является то что Microsoft сам разработал PNG формат но их браузеры не поддерживают прозрачность до IE7 Решение для этого нашлось roundup of different fixes Помните что обычные PNG без альфа прозрачности превосходно работают без фиксов в IE6 Как вариант вы можете использовать прозрачность GIF но она оставляет желать лучшего Решение я писал в соседней статье Прозрачность PNG и IE6 или как все таки правильно Проблема с абсолютным позиционированием для плавающих блоков Есть такой код div class body span class topleft span span class bottomleft span div И соответственно задаем стили body float left width 50 position relative body topleft position absolute top 0 left 0 body topright position absolute bottom 0 left 0 В этом случае оба блока span окажутся в одной точке Чтобы это исправить надо для IE6 задать одно простое но не валидное условие body zoom 1 И тогда все блоки встанут на место Отсутствие псевдоселектора first child Решается довольно просто с использованием expression nav li border left expression this this parentNode firstChild none 1px

    Original URL path: http://palpalych.ru/vrednye-sovety/49-ie-css-bugs-oni-vas-vsegda-dostanut.html (2016-04-30)
    Open archived version from archive