Вед-дев, Сео, Манимейкинг

HTML + CSS

09/26/2013 - 13:44

В связи с выходом новой версии IE8 у верстальщиков возникли новые проблемы. В стандартном режиме все сайты стали выглядеть страшнее чем в IE6.
Чтобы исправить эту проблему нужно включить "режим совместимости". Сайт будет отображаться как в IE7. Это можно сделать двумя способами:

Включить в IE8 режим совместимости, нажав соответствующую кнопку рядом с адресной строкой. Этот метод не удобен, так как не все пользователи смогут такое сделать.
Включаем режим принудительно через код HTML (хак), вставив в HEAD следующую строку:

Всего просмотров: 2,386
09/26/2013 - 13:44

Свойство display:inline-block криво отображается в "ишаках" IE6, IE7. Для этого нужны фиксы. Как подключать стили для ишака, наверное, вы, знаете. Но, для тех кто незнает, напишу:

Для IE6:

<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="ie6.css" />
<!endif-->

Для IE7:

Всего просмотров: 1,936
09/26/2013 - 13:44

Недавно возникла потребность в темизации тега label, была следующая конструкция:

<label for="edit-submitted-fio">

Всего просмотров: 1,190
09/26/2013 - 13:44

На многих сайтах очень часто мы видим ссылку - сделать стартовой страницей, при нажатии на которую данный сайт становится вашей домашней страницей по умолчанию. Но есть 1 но, данный способ работает только в браузере Internet Explorer, в FireFox данный способ не будет работать, поэтому для FF мы сделаем alert, мол нажмите Ctrl+D чтобы сделать данную страницу вашей домашней.
Вот исходник кода ссылки:

Всего просмотров: 2,021
09/26/2013 - 13:44

Головняк каждого верстальщика IE6 не справляется даже с PNG прозрачностью изображений. В интернете существует несколько способов борьбы с PNG прозрачностью в IE6, но у многих из этих способов есть минусы, например, скрипт от jQuery pngFix - вроде бы хорошо справляется со своей задачей, плюс ко всему - он не очень тяжелый, всего 4кб! Но, есть одно но! Если вы задали при помощи CSS - свойство background-position для вашего фонового изображения, то pngFix его безобразно растянет и будет игнорировать позиционирование вашени фонового изображения, так что этот скрипт пока отпадает...

Всего просмотров: 1,939
09/26/2013 - 13:44

Иногда возникает потребность в вертикальном выравнивании

элемента, пока еще обычные возможности CSS нам этого еще не позволяют будем использовать различные фишки, например:

Всего просмотров: 1,838
09/26/2013 - 13:44

Всем доброе утро! :) Недавно у меня возникла необходимость в использовании 2х фоновых изображений (2 background images) для тега

. Потратив на поиски рабочего решения пол дня - я всетаки нашел его! Итак вот оно:

html {
        background:#000 url(img/body-bottom.png) no-repeat 53% 98%;
}

body {
        background:url(img/body-top.png) no-repeat center top;
}

Т.е. как вы видите, мы использовали фоновое изображение для тега , в нем же мы задаем и цвет фона, т.к. если мы зададим цвет фона для тега

Всего просмотров: 3,965
09/26/2013 - 13:44

Как и многие из всех верстальщиков, я ненавижу браузер Internet explorer любой версии, но тем не менее, наши "динозавры" (Люди - чайники) пользуются этими конченными браузерами. В современных браузерах, таких как FireFox и Safari закругленные углы можно задавать с помощью CSS3. Так вот, недавно передо мной встала задача сделать закругленные углы у выпадающего меню в IE6, потратил на это целые сутки, но всетаки нашел решение, это - скрипт DD_roundies. Итак, приступим к обзору данного скрипта!

Всего просмотров: 1,712
09/26/2013 - 13:44

Очень часто возникает вопрос - а как вставить ссылку на flash обьекте, не лезя в исходный код флешки? Сейчас мы рассмотрим рабочий вариант для вставки ссылок на flash обьект.

HTML - конструкция.

Всего просмотров: 1,615
09/26/2013 - 13:44

Насколько вы знаете в IE7 прокрутка background image в input работает некорректно. Когда вы пытаетесь написать слишком длинный текст, то background image начинает "уезжать" влево. Есть очень много решений этой проблемы, но единственное, которое мне помогло - вот это:

HTML:

Всего просмотров: 2,528
09/26/2013 - 13:44

World Wide Web Consortium (W3C) дала нам возможность делать закругленные углы у блоков без помощи изображений, правда работает на данный момент только в 2х браузерах - Firefox 3.5+ и Safari 3.0. В общем, меньше базару, больше делов :)

Вот пример:

Всего просмотров: 1,782
09/26/2013 - 13:44

Наверное, вы уже слышали про технику CSS Sliding Doors, в общем, коротко про нее - это использование 1 или 2х изображений для меню, т.е. на одном изображений мы помещаем 2 состояния, при ховере и в нормальном. Ниже будет описан способ применения в теме друпала.
наше меню в page.tpl.php:

Всего просмотров: 1,622

Страницы

Подписка на HTML + CSS

Разделы

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • Olzhas 5 месяцев 3 недели назад
    Спасибо. С Новым Годом! 
  • Den 6 месяцев 3 недели назад
    В первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. 
  • Гость 6 месяцев 3 недели назад
    Если все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того 
  • Валерий 7 месяцев 2 недели назад
    да можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер 
  • admin 7 месяцев 2 недели назад
    Валерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт 
  • Валерий 7 месяцев 3 недели назад
    захожу на mysql через ssh по команде  
  • admin 7 месяцев 3 недели назад
    Добрый вечер, какой у вас клиент? 
  • Валерий 7 месяцев 3 недели назад
    Здравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? 
  • Eduard 8 месяцев 6 дней назад
    Видать, домен хороший был. Заявление пробывали писать на мошенника? 
  • Stas 9 месяцев 2 недели назад
    Ошибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям!