Случайный альбом
KUBANA-2011
Некультурный отдых - KUBANA-2011
Изображений: 67
Косово поле-2011
Некультурный отдых - Косово поле-2011
Изображений: 214
Flash Point 2011
Некультурный отдых - Flash Point 2011
Изображений: 77
Меточки:
Нацарапано:  03.02.2011
Категория: Работа
Метки новости:
Ух, давненько не брал я в руки шашек... Давненько. Все сраный говноконтактег виноват, в нем пропадает уйма моего бесценного (20$ в час) времени. Данный пост адресован тебе, дорогой мой быдловерстальщик и начинающий строитель хомяков. Внимай же словам мудрости льющимся на тебя благостным потоком с этих сияющих знанием страниц!

Зачастую вьюноши бледные со взглядом горящим сталкиваются с такой, казалось бы, глупой проблемой - а именно с таблицами внутри своих мега-страничек, а точнее с бордерами или, по-русски-говоря, с видом границ таблицы и ее ячеек. Чтобы там не говорили любители семантичности кода, но блять бывают ситуации когда в страницу надо вставить именно таблицу. Ага, да именно ее самую. Ячеек скажем на 500. Упоротые верстальщики дивами могут пойти на принцип - скатертью им дорога, но тэг table - он для того и создан, чтобы значится если нужна таблица, то пожалуйста милости просим - нате вам таблицу.




Итак, настроились на волну, сейчас будет проистекать. Начнем-с.
Итак бледный юноша с горящим взглядом хуячит таблицу на страничке - все как всегда -
Квак!
< table class="ebannaya_tablitsa" border="1" width="80%"  cellspacing="0" cellpadding="0"><tr><td>

И вот тут встает вопрос: Это че, блять за хуйня??? Че это за бешанный бордер? Я же его единичкой поставил! А он? Это че за палки толщиной в мой хуй??? И начинается свистопляска (а она всегда начинается когда стиль какого-то элемента отдаешь на откуп электронному болвану). Как знатные гринписовцы мы предостерегаем вас от бесчеловечных экспериментов над собственным межушным ганглием, экономим вам сигареты и валлиум и показываем верный путь к получению чОтких пацанских однопиксельных бордеров в таблицах на вашем сайте. Мы очень любим всяких забавных зверушек и любителей семантического кода в том числе, посему мухи (html) и котлеты (CSS) у нас отдельно. Узрите же, несчастные, сияние древней славы!

Таблица, класс ebannaya_tablitsa :
Квак!
<table class='ebannaya_tablitsa'><tr>    <td>Cell 1</ td>    <td>Cell 2</td></tr><tr>    <td>Cell 3</ td>    <td>Cell 4</td></tr></table>

CSS для класса ebannaya_tablitsa:
Квак!
.ebannaya_tablitsa table, td
{
    border-color: #600;
    border-style: solid;
}

.ebannaya_tablitsa table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.ebannaya_tablitsa td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background-color: #FFC;
}

Так-то...

Всех целую и облизываю.




Звиздец рекомендует поделиться ссылкой с камрадами и откомментить эту заметку:
для печатиПечатай!  
 
ZviZdeZ.ru
Придет серенький Фенрир и укусит нас за мир

2009-2011©