seomarlboro

12:32 am June 15th, 2008




			seomarlboro

Customize

DIV по центру легко

Originally published at IT - блог. Please leave any comments there.

Часто приходится встречаться с центровкой DIV’ов. Иногда их пихают в таблицы или просто-напросто обходится margin и padiing, но не всегда возможно достигнуть требуемого результата.
Вот простое решение как выровнить DIV по центру:

[Copy to clipboard][-]

View CodeCSS

.center {
   position: relative;
   width: 100%;
}
 
.center:after {
   content:'';
   display: block;
   clear: both;
}
.center-left {
   position: relative;
   right: 50%;
   float: right;
}
.center-right {
   position: relative;
   z-index: 1;
   right: -50%;
}

а сам блок будет выглядеть так:

[Copy to clipboard][-]

View CodeHTML

<div class="center">
DIV, относительно которого выравниваем
    <div class="center-left">
        <div class="center-right">
            DIV, который выравниваем
        </div>
    </div>
</div>

Tags: О css

div на все сто или 100% в высоту

Originally published at IT - блог. Please leave any comments there.

Пусть у нас есть DIV с id=”content”, который мы хотим растянуть в высоту на 100%. Выглядить он будет так:

[Copy to clipboard][-] View CodeHTML
<body> <div id="content"> вот этот блок мы растягиваем </div> </body>

Read the rest of this entry »

Tags: О css

Буквица средствами CSS

Originally published at IT - блог. Please leave any comments there.

Иногда для оформления текстов на веб странице необходима так называемая “буквица”. Т.е. заглавная буква первого слова в каждом из абзацев текста выглядит по-другому (либо шрифт, либо цвет, либо размер, либо все вместе). Самое интересное, что ничего сложного в реализации данной “фичи” нет. У большинства современных браузеров поддерживается псевдокласс “first-letter”, который распространяется только на первую букву текста. далее идет пример такой реализации и сам код CSS.

Этот параграф имеет класс “bukvica” и если ваш браузер поддерживает псевдокласс “first-letter”, то первая буква будет выглядеть так, как вы опишите ее в следующем коде CSS.

[Copy to clipboard][-] View CodeCSS
p.bukvica:first-letter { font-size : 300%; font-weight : bold; float : left; width : 1em; }

Tags: О css


	Условные комментарии в браузере IE
	Originally published at IT - блог. Please leave any comments there. Условные комментарии— документированная особенность броузеров Internet Explorer, непосредственно к CSS верстке отношения не имеет, но может очень здорово помочь в случаях, когда есть необходимость присвоить какое либо CSS свойство элементу, которое должн<о действовать только в определенной версии броузера Internet Explorer или наоборот в ней не действовать. Таким образом мы можем выводить свои CSS стили под любую версию Internet Explorer. Read the rest of this entry » Tags: О css


	Свой курсор на веб-странице
	Originally published at IT - блог. Please leave any comments there. CSS-свойство cursor позволяет дизайнеру задать свой внешне-подгружаемый курсор. В качествепараметра этого свойства нужно указать URL-адрес курсора. Также может задаваться список URL-адресов, каждый из которых будет опрашиваться в порядке очередности, если с предыдущего URL-адреса подгрузить курсор не удастся. Read the rest of this entry » Tags: О css