help za CSS

zdraveite hora imam edin shablon za tablica no iskam vsicko ot nego da go zadavam sus CSS klasove za da nyama mnogo pisane. Daite malko akul kak da go napravya imam predvid sus klasove inache tablicata e dosta gotina eto
html koda
<TABLE background=images/colour1.gif width=600 border=0 cellPadding=0 cellSpacing=0>

<TR>
<TD width="20"><IMG border=0 height=20
src="images/image1.gif" width=20></TD>
<TD background=images/image2.gif width="560">&nbsp;</TD>
<TD width="20"><IMG border=0 height=20
src="images/image3.gif" width=20></TD>
</TR>
<TR>
<TD background=images/image4.gif width="20">&nbsp;</TD>
<TD bgcolor="#7D92A9">

<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR>
<TD bgColor=black>

<TABLE border=0 cellPadding=2 cellSpacing=1 width="100%">
<TR>
<TD align=middle bgColor=#8b008b colSpan=3><FONT color=#ffffff
face=arial size=-1><B>Your Table Heading Here
</FONT></B></TD>
</TR>
<TR>
<TD bgColor=#dce0e2 width="33%">
<CENTER><FONT face=arial size=-1>
<A href="table3.htm">Link 1</A></FONT>
</CENTER></TD>

<TD bgColor=#ffffff width="33%">
<CENTER><FONT face=arial size=-1>
<A href="table3.htm">Link 2</A></FONT>
</CENTER></TD>

<TD bgColor=#ffffff width="33%">
<CENTER><FONT face=arial size=-1>
<A href="table3.htm">Link 3</A></FONT>
</CENTER></TD>
</TR>
<TR>
<TD bgColor=#dce0e2 width="33%">
<CENTER><FONT face=arial size=-1>
<A href="table3.htm">Link 4</A></FONT>
</CENTER></TD>

<TD bgColor=#ffffff width="33%">
<CENTER><FONT face=arial size=-1>
<A href="table3.htm">Link 5</A></FONT>
</CENTER></TD>

<TD bgColor=#ffffff width="33%">
<CENTER><FONT face=arial size=-1>
<A href="table3.htm">Link 6</A></FONT>
</CENTER></TD>
</TR>

<TR>
<TD bgColor=#dce0e2 width="33%">
<CENTER><FONT face=arial size=-1>
<A href="table3.htm">Link 7</A></FONT>
</CENTER></TD>

<TD bgColor=#ffffff width="33%">
<CENTER><FONT face=arial size=-1>
<A href="table3.htm">Link 8</A></FONT>
</CENTER></TD>

<TD bgColor=#ffffff width="33%">
<CENTER><FONT face=arial size=-1>
<A href="table3.htm">Link 9</A></FONT>
</CENTER></TD>
</TR>
</TABLE>

</TD>
</TR>
</TBODY>
</TABLE>

</TD>
<TD background=images/image5.gif width="20">&nbsp;</TD>
</TR>
<TR>
<TD width="20"><IMG border=0 height=20
src="images/image6.gif" width=20></TD>
<TD background=images/image7.gif
width="560">&nbsp;</TD>
<TD width="20"><IMG border=0 height=20
src="images/image8.gif" width=20></TD>
</TR>
</TABLE>
blagodarya vi predvatitelno

<style>
.MyTable td
{
text-align:center;
font:11px arial, sans-serif;
}
</style>

Класа на табицата ти е MyTable ... така се оттърваваш от гадните фонт и центер тагове. И слагай "" около атрибутите си.

Относно background изображенията и останалите дивотии предполагам не подлежат на някаква особена логика...

аз бих отишъл още по-нататък:

В отговор на:

---

............
<style type="text/css">
<!--
.tds1
{background-color: #DCE0E2}

.tds2
{background-color: #FFFFFF}

.tds1, .tds2
{text-align: center;
width: 33%;
font-family: sans-serif;
font-size: smaller}
-->
</style>
.............

---

с тези два класа "HTML"-то за клетките на таблицата ще изглежда по следният начин:

В отговор на:

---

..............

<TR>
<TD class="tds1"><A href="table3.htm">Link 1</A></TD>
<TD class="tds2"><A href="table3.htm">Link 2</A></TD>
<TD class="tds2"><A href="table3.htm">Link 3</A></TD>
</TR>

<TR>
<TD class="tds1"><A href="table3.htm">Link 4</A></TD>
<TD class="tds2"><A href="table3.htm">Link 5</A></TD>
<TD class="tds2"><A href="table3.htm">Link 6</A></TD>
</TR>

<TR>
<TD class="tds1"><A href="table3.htm">Link 7</A></TD>
<TD class="tds2"><A href="table3.htm">Link 8</A></TD>
<TD class="tds2"><A href="table3.htm">Link 9</A></TD>
</TR>
.............

---

По този начин не само би си улеснил първоначалното писане, но също така ще ти бъде и по-лесно ако за в бъдеще решиш да промениш нещо. Между другото, размера на шрифта така както съм го изписал съответства на "font=-1". А и още нещо, както го е казал колегата, атрибутите или са всичките с кавички, или са без (препорачително е да имат) щото иначе кодът ти прилича на мадама облечена с хубавите си дрешки само дето тя забравила първо да ги изпере, или с две думи - мърлява работа.

Има ли някакво знаение за браузера дали атрибутите са в кавички ?

[линк]

Има, за в бъдеще хтмл ще стане доста по-непростим към такива "мърляви" изяви... това че в МОМЕНТА браузърите го приемат... нека да сме готови за XHTML :)

Мърляво -това зависи от гледната точка.
w3.org или microsoft.com - кой според теб определя стандарти и кой ги налага ?

ух... колко гадно си прав за това... кода, генериран от ИЕ (мисля че през МСХТМЛ парсера или нещо подобно) е точно такъв - без кавички
(кода се генерира при contentEditable на някой елемент например).

И все пак си мисля че ХТМЛ ще влезе в XML спецификациите ... а там хората си казват - кавички на атрибутите, затваряне на елементите. няма да ни се строшат ръцете да пишем чист код.

<a href=mainatamu.com ...

на мен ми е грозно.

гроно не грозно това е. Истината е, че крайния потребител вижда линк към mainatamu.com и като кликне отива там.
От друга страна, страницата на w3 е голяма 23 кб. като и разкарам кавичките и сбия кода (Absolute HTML Compressor) страницата става 20 кб. 3 кб по-малко и крайния потребител пак вижда същото.
ЗА това казах - може и да е мърляво, но зависи от крайната цел и гледната точка. Ами ако страницата ти е 60 кб с кавиките, то без тях би трябвало да стане 50 кб. И например тази страница има 1 000 000 уникални посещения на ден по груби сметки ще спестиш около 300 GB за един месец.

Tъй като гледам нито google нито yahoo имат кавички.
Виждаш ли защо за теб да няма кавички е мърляво, а за мен пък да има е глупаво и наивно. И докато при теб аргументите се базират на "защото така ми /не ми / харесва" и следенето, и съобразяването с правила, които имат давност само на теория, но на практика не е така, аз се опитах да ти дем един елементарен пример.
В крайна сметка всеки си има право на мнение и сам си решава как да му изглежда кода.

правилно за това... кавичките са кавички - заемат място. И наистина можеш да намалиш кода като ги махнеш.

Не искам да скачам от тема в тема, и без това се отплеснаха работите - но ако наистина искаш силна оптимизация на ГОЛЯМ сорс, то цсс форматирането и позиционирането определено биха помогнали сериозно.

Кофти така... не помня къде бях чел че именно тези "неизяснености" са накарали "сериозните програмисти" да считат хтмл кодирането за пишка работа...

И да, в момента стандартите са стандарти само на хартия... :( И да се съобразяваш с тях според мен е повече поглед напред, отколкото реална полза на момента.