Не могу разобраться со стилями CSS

[Smitt&Wesson]

Бился сегодня целый день. Никак не могу разобраться.
Проблема вот в чём. Есть форма комментариев. У неё есть стиль (выделен красным). В таком виде всё работает. Но это определение типа, действует на весь документ. Мне-же нужно, что-бы этот стиль действлвал локально, в пределах div.
Пробовал вынести его в файл index.css но он не подключается.

$form=<<<EOD
<div>
<form id="commentForm" action="/comments.php" method="post">

<style type="text/css"> 
<!--
a:link 			{text-decoration: none; color: #;}
a:visited 		{text-decoration: none; color: #;}
a:hover 		{text-decoration: none; color: #fff; background-color:#FF0032;}
a:active 		{text-decoration: none; color: #;}
hr			{height: 0px; border: solid #3888C7 0px; border-top-width: 1px;}
td,div			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.post			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-color: silver; border-style:solid; border-width:1px;}
textarea,input.post	{background-color: #192D5F; color: #D0D0D0; border: 1px solid #D0D0D0;}
.table			{background-color: #192D5F; color: #D0D0D0; border: 1px solid #000; padding:5px;}
-->
</style>

<input type="hidden" name="page_id" value="$page_id" />
<input type="hidden" name="add" value="" />
<table width="380" border="0" class="table">
<tr>
<td width="100px"><b>Ваше имя</b>:</td>
<td><input type="text" name="name" class="post" id="name" style="width:280" maxlength="24" /></td>
</tr>
<tr>
<td colspan="2"><textarea style="width:372px;height:100px" class="post" name="comment" id="comment" maxlength="500" onkeypress="return isNotMax(event)" /></textarea></td>
</tr>
<tr>
<td align="left">Введите код</td>
<td align="right"><small>Осталось <span id="countchars">500</span> символов</small></textarea></td>
</tr>
<tr>
<td><img src="/comments.php?secpic" id="secpic_img" class="post" title="Для смены картинки щелкните по ней" onclick="document.getElementById('secpic_img').src = '/comments.php?secpic&' + Math.random(); return false" /><br><input type="text" name="secpic" id="secpic" style="width:82" title="Введите символы с картинки" class="post" maxlength="6" /><br /></td>
<td align="center"><input type="submit" class="post" style="width:90px;height:18px" value="Отправить" /> <input type="reset" class="post" style="width:90px;height:18px" value="Очистить" /></td>
</tr>
</table></form></div>
EOD;

Вот стиль в файле index.css:

<style>
.block{
a:link 			{text-decoration: none; color: #;}
a:visited 		{text-decoration: none; color: #;}
a:hover 		{text-decoration: none; color: #fff; background-color:#FF0032;}
a:active 		{text-decoration: none; color: #;}
hr			{height: 0px; border: solid #3888C7 0px; border-top-width: 1px;}
td,div			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.post			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-color: silver; border-style:solid; border-width:1px;}
textarea,input.post	{background-color: #192D5F; color: #D0D0D0; border: 1px solid #D0D0D0;}
.table			{background-color: #192D5F; color: #D0D0D0; border: 1px solid #000; padding:5px;}
}
</style>

А подключаю я его так:

<div align="center" style="block">

</div>

Стиль не срабатывает. В чём дело, не пойму.

[MyLastHit]

Вот стиль в файле index.css:

Ничего не пойму. Это Лесс вообще.

А подключаю я его так:

Вижу тут только 1 див, а подключения не вижу.

[Smitt&Wesson]

Сообщение от MyLastHit

Ничего не пойму. Это Лесс вообще.

В том-то и дело, что я сам ничего не пойму. Знаю, что что-то не правильно делаю, но ЧТО?

Вижу тут только 1 див, а подключения не вижу.

Как вычитал на форумах, в дивах нужно блок подключать в теге style, но не пойму как.

[Кольша]

Почему бы не задать div'у класс или id и в стилях добавить этот класс(id) и все...

[Smitt&Wesson]

А по-подробнее можно? Я с CSS + PHP, вплотную, только сегодня столкнулся.

[dima.horshenin]

Самое примитивное что можно Вам посоветовать это:

Вставьте в блок со стилями такой вот стиль:

.block a:link 			{text-decoration: none; color: #;}
.block a:visited 		{text-decoration: none; color: #;}
.block a:hover 		{text-decoration: none; color: #fff; background-color:#FF0032;}
.block a:active 		{text-decoration: none; color: #;}
.block hr			{height: 0px; border: solid #3888C7 0px; border-top-width: 1px;}
.block td,div			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.block .post			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-color: silver; border-style:solid; border-width:1px;}
.block textarea,input.post	{background-color: #192D5F; color: #D0D0D0; border: 1px solid #D0D0D0;}
.block .table			{background-color: #192D5F; color: #D0D0D0; border: 1px solid #000; padding:5px;}

И объявите класс для вашего дива вот так:

<div class="block"></div>

И этим дивом обрамите вашу форму.

В итоге:

$form=<<<EOD

<style type="text/css">
.block a:link 			{text-decoration: none; color: #;}
.block a:visited 		{text-decoration: none; color: #;}
.block a:hover 		{text-decoration: none; color: #fff; background-color:#FF0032;}
.block a:active 		{text-decoration: none; color: #;}
.block hr			{height: 0px; border: solid #3888C7 0px; border-top-width: 1px;}
.block td,div			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.block .post			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-color: silver; border-style:solid; border-width:1px;}
.block textarea,input.post	{background-color: #192D5F; color: #D0D0D0; border: 1px solid #D0D0D0;}
.block .table			{background-color: #192D5F; color: #D0D0D0; border: 1px solid #000; padding:5px;}
</style>
  
<div class="block">
<form id="commentForm" action="/comments.php" method="post">
<input type="hidden" name="page_id" value="$page_id" />
<input type="hidden" name="add" value="" />
<table width="380" border="0" class="table">
<tr>
<td width="100px"><b>Ваше имя</b>:</td>
<td><input type="text" name="name" class="post" id="name" style="width:280" maxlength="24" /></td>
</tr>
<tr>
<td colspan="2"><textarea style="width:372px;height:100px" class="post" name="comment" id="comment" maxlength="500" onkeypress="return isNotMax(event)" /></textarea></td>
</tr>
<tr>
<td align="left">Введите код</td>
<td align="right"><small>Осталось <span id="countchars">500</span> символов</small></textarea></td>
</tr>
<tr>
<td><img src="/comments.php?secpic" id="secpic_img" class="post" title="Для смены картинки щелкните по ней" onclick="document.getElementById('secpic_img').src = '/comments.php?secpic&' + Math.random(); return false" /><br><input type="text" name="secpic" id="secpic" style="width:82" title="Введите символы с картинки" class="post" maxlength="6" /><br /></td>
<td align="center"><input type="submit" class="post" style="width:90px;height:18px" value="Отправить" /> <input type="reset" class="post" style="width:90px;height:18px" value="Очистить" /></td>
</tr>
</table></form></div>
EOD;

[Кольша]

Smitt&Wesson, сделайте так как написал dima.horshenin я просто не успел написать..

[Smitt&Wesson]

Сообщение от Кольша

Smitt&Wesson, сделайте так как написал dima.horshenin я просто не успел написать..

Я понял свою ошибку. Нужно было писать не style="block", а class="block". Всё заработало. Большое спасибо.
На такой "мелочи", целый день убил - обидно .