» Таблиці
НовиниРазмещение контекстной рекламы в Яндексе, о контекстной рекламе.
Таблиці… таблиці… таблиці… Куди нам без них? Саме так, майже нікуди. Ви часто бачили корпоративний сайт без табличного дизайну? Особисто я - рідко. Таблиця - річ примхлива й непостійна. Любить акуратність й уважність. Не любить background’ів і насторожено ставиться до Netscape Navigator’у. Нюансів у табличної верстки вагон і маленький візок. Багато хто з них вам, я не сумніваюся, відомі. Однак всіх, видимо, не знає ніхто, тому як браузери інтерпретують HTML так, як їм заманеться. І відсутність тэга </table> так дивує Netscape, що таблицю він не відображає взагалі.
Однак, поглибимося в деталі… На порядку денному дві проблеми:
1. Виготовлення таблиці з однопиксельными рамками;
2. Виготовлення таблиці з бэкграундом для Netscape, що, якщо реалізовувати це стандартно, пхає оный бэкграунд у кожен осередок таблиці…
Отже, однопиксельные рамки… Іноді хочеться, щоб таблиця була нестандартна, чимсь відрізнялася від інших. Або просто стандартні рамки погано вписуються у ваш дизайн… Що робити? Можливо, таблиця з однопиксельной рамкою довільних кольорів - саме те, що вам потрібно. А робиться вона от так:
<table cellspacing=0 cellpadding=0 border=0 bgcolor=green width=196><tr><td>
<table cellspacing=1 cellpadding=0 border=0 bgcolor=white width=100%>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>c</td>
<td>c</td>
<td>c</td>
</tr>
</table></td></tr></table>
Начебто все просто. Робимо вкладені таблиці. Для тієї, що найперша, задаємо такі кольори тла, у який пофарбується наша рамка, у цьому випадку - зелений (bgcolor=green). У другий робимо відстань між осередкам рівне 1 (cellspacing=1) і задаємо кольори тла нашої таблиці, у цьому випадку - білий (bgcolor=white). Друга таблиця з одиничною відстанню між осередками як би накладається на першу, зелену. У результаті чого в ці просвіти переглядає перша зелена таблиця, створюючи рамки дивних зелених кольорів ;).
Але… Протестувавши цю радість в MSIE й в Netscape ми з жахом і непомірним подивом для себе виявляємо, що працює вона тільки в Netscape… Гробове мовчання. От воно! Хоч у чомусь Netscape обійшов Explorer! Однак треба щось робити… Рішення таке:
<table cellspacing=0 cellpadding=0 border=0 bgcolor=green width=196><tr><td>
<table cellspacing=1 cellpadding=0 border=0 width=100%>
<tr>
<td bgcolor=white>1</td>
<td bgcolor=white>2</td>
<td bgcolor=white>3</td>
<td bgcolor=white>4</td>
</tr>
<tr>
<td bgcolor=white>a</td>
<td bgcolor=white>a</td>
<td bgcolor=white>a</td>
<td bgcolor=white>a</td>
</tr>
<tr>
<td bgcolor=white>b</td>
<td bgcolor=white>b</td>
<td bgcolor=white>b</td>
<td bgcolor=white>b</td>
</tr>
<tr>
<td bgcolor=white>c</td>
<td bgcolor=white>c</td>
<td bgcolor=white>c</td>
<td bgcolor=white>c</td>
</tr>
</table></td></tr></table>
Щоб догодити браузеру компанії Мелкософт, доводиться пхати bgcolor у кожен осередок, що не дуже зручно. Однак працює скрізь… Так, не забудьте забрати bgcolor у другій таблиці, а то нічого не вийде.