| |||
 Snippy
Сборник
примеров кода | |||
|
|
|
||||||
|
Компрессия CSS таблиц является отличным способом немного повысить скорость загрузки вашей страницы, особенно на сайтах с большими, порядка 1000 строк кода и более. Читать дальше... Box Model хак используется для того, чтобы справиться с глюком эксплорера, в котором border и padding включаются в ширину элемента Читать дальше... Скриптлет - яваскрипт, помещеный в закладку и выполняемый на открытой странице при нажатии на ту самую закладку. Читать дальше... Скриптлет - яваскрипт, помещеный в закладку и выполняемый на открытой странице при нажатии на ту самую закладку. Читать дальше... Как известно,в IE 7 поддежка свойства fixed включена полноценно. Но если вы все еще отлаживаете ваш код под шестого ослика, то вы молодец, и в то же время мы вам сочувствуем. Решение проблемы было предложено сначала Андреем Шитовым. Но это решение работает только в том случае, если мы забъем на стандарты (доктайп должен быть отключен). Затем на Хабре предложили решение для ситуаций, когда доктайп указан. Читать дальше... Небольшой CSS-код (EasyClearing), котрый поможет вам решить проблему привязки элементов, имеющих свойство float. Читать дальше... Самое простое решение - указать для внутреннего элемента блока значение line-height. Читать дальше...  center, css, div, horizontalНаверное Вам известно, что Internet Explorer не поддерживает вышеуказанные css-параметры. Чтобы была возможность их использовать - вычисляем width или height с помощью expressions. Читать дальше... css, expressions, hacks, html, ie, max-height, max-width, min-height, min-widthЧасто нужно заставить родительский блок полностью поглощать вложенные float блоки, для этого можно использоваться следующие стили. Если у родительского блока задана высота то height: 1% не подойдет, у zoom: 1 проблема только в том, что это нестандартное свойство, если важна валидность нужно вынести в отдельный файл для IE. Читать дальше... В iE6 position:fixed не работает, но если очень нужно, то заменить его можно с помощью position: absolute и expression вычисляющего положение элемента в зависимости от положения скрола. Читать дальше... css, expression, ie6, positionСамое простое решение - указать для внутреннего элемента блока значение line-height. Читать дальше... HangTab - небольшой CSS код, который поможет реализовать на вашем сайте "стикеры" в любом месте страницы. Читать дальше... Закругленные края с помощью фонового избражения - в случае с фиксированными размерами блока Читать дальше... Встроенные (inline) изображения используют схему data:URI для внедрения прямо в тело веб-страницы. Как было определено в RFC 2397, такие URI предназначены для вставки небольших объектов как «непосредственные» данные. Такие объекты должны рассматриваться так же, как и любые другие внешние файлы. Использование встроенных изображений позволяет сэкономить HTTP-запросы к внешних ресурсах. Схема data:URL data:[<тип данных>][;base64],<данные> Opera 7.2 , Firefox, Safari, Netscape и Mozilla поддерживают data:URI, Internet Explorer 520137 нет. Читать дальше... Начну с сухой констатации спецификации CSS, согласно которой вложенные элементы наследуют свойство color и не наследуют свойство text-decoration. Таким образом, текст ссылки заключенный в тег span имеет своё свойство color: blue, которое переопределяет родительское свойство color: red, но так как у элемента span нет по умолчанию подчеркивания, то и его цвет не переопределяется и подчеркивание остается таким же как и определено для родителя (для ссылки, т.е. красным). Читать дальше... Мы привыкли к подчеркиванию ошибок в Word-e в виде волнистых линий и хотелось бы такой же вид подчеркивая реализовать на своих страницах. Читать дальше... Как с помощью CSS сделать так, чтобы отображались все рамки таблицы, т.е. рамки и самой таблицы и ячеек и чтобы рамки не удваивали друг друга(CSS таблицы ячейки рамки удваивание рамок)? Для этого необходимо применить правила CSS как table так и к td и th. Но, помимо этого необходимо установить свойство border-collapse: collapse, для того, чтобы избежать удваивания рамок. Читать дальше... cell, cellpadding, cellspacing, css, padding, spacing, tableВсе наверное сталкивались с такой ситуацией - надо показать какой нибудь модальный диалог, или lightbox. Так вот загружается этот lightbox, его уже видно, а какие нибудь картинки для бэкграунда ещё не загрузились. И пока они не загрузятся - выглядит такой lightbox тогда не очень красиво. Решить такую проблему довольно просто. Надо чтобы браузер заранее загрузил все картинки, которые используются в CSS. Scott Jehl написал плагин для jQuery, который делает именно это. Этот плагин парсит css и подгружает все найденные картинки. Поэтому когда картинки понадобятся - они появятся мгновенно. Читать дальше... css, get, index, javascript, style add, css, document, javascript, style[ 1 ] [ 2 ]
|
Меню
Подписка на RSS:
Поиск
Облако тегов
.net
add
application
array
asp
bash
browser
center
charset
check
class
clean
color
convert
count
create
css
curl
cursor
database
date
delete
dir
directory
disable
dom
download
editor
element
email
encode
equivalent
event
exists
expression
extension
file
find
form
format
function
generator
get
header
height
html
http
ie
image
ip
is
javascript
jquery
key
line
link
list
load
mail
math
mouse
mysql
name
number
object
page
perl
php
position
query
random
regexp
regular
scriplet
secuirity
select
send
seo
shell
size
sort
sql
string
style
system
text
textarea
time
unix
url
utf8
validate
variable
vb
visual basic
width
window
wisiwyg
xml
xslt
|
|
|
|
||
|
|
0