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

HTML + CSS

09/26/2013 - 13:44

Если у вас возникают проблемы с отцентровкой основного DIV контейнера в IE 4 и выше, то этот метод вам поможет.
Хитрость заключается в том, чтобы добавить свойство text-align:center; к тегу body, а затем использовать стандартное свойство для отцентровки контейнера => margin:0 auto;. Примените text-align:left; для контейнера, который вы хотите отцентровать.

Вот пример:

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

Иногда возникает потребность в защите своего контента от копирования, ниже я опишу несколько способов:

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

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

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

Всего просмотров: 2,444
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,993
09/26/2013 - 13:44

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

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

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

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

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

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

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

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

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

Всего просмотров: 1,896
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;
}

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

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

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

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

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

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

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

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

HTML:

Всего просмотров: 2,575

Страницы

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

Разделы

Подписаться

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

Комменты

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