HTML, CSS

HTML/CSS подсказка

14.05.2010 14:23

Как и обещал выкладываю свою HTML подсказку которую использую при верстке, и периодически в ее загядываю.

• Смотреть в jpg формате
• Смотреть в pdf формате

Забавно, на днях Smashingmagazine также опубликовал статью с css подсказками:

• CSS 2.1 Sheet (large preview)
• CSS 3 Sheet (large preview)
• download the CSS 2.1 Sheet (PDF) (0.2 Mb)
• download the CSS 3 Sheet (PDF) (updated, 0.2 Mb)
• release post on the designers’ page

Убираем тег hr, заменяя его дивом

01.05.2009 13:10

Стандартный тег hr используется для смыслового разделения контента, но плохо вписывается в дизайн сайта. На сегодняшний день все браузеры по разному обрабатывают задание цвета hr через CSS, также он ставит margin который в разных браузерах имеет разное значение. Заменим его на такой код:

<div class="separator"> </div>

Для класса separator пишем такой css стиль:

.separator {

background:#0033CC;

border-top:1px solid #FFCC00;

font-size:1px;

height:1px;

overflow:hidden;

width:200px;

}