Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как отобразить рамку внизу одной строки таблицы?
 
 автор: sega_z   (24.01.2012 в 10:16)   письмо автору
 
 

Всем доброго дня!

Есть таблица:

<table width="100%" border="0" cellpadding="7" cellspacing="0" class="ris_90x240">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr class='niz_line' bgcolor='#FFFFCC'>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>



Файл CSS:

.niz_line 
{border-bottom: 2px solid #000099;}
.ris_90x240
{padding: 20px;}


Почему не отображается нижняя рамка одной строки, заданная в файле CSS ?

  Ответить  
 
 автор: АЯС   (24.01.2012 в 10:27)   письмо автору
 
   для: sega_z   (24.01.2012 в 10:16)
 

Потому что бордер бывает у ячейки, а не у строки. Добавьте:
tr.niz_line td {border-bottom: 2px solid #000099;} 

  Ответить  
 
 автор: sega_z   (24.01.2012 в 10:33)   письмо автору
 
   для: АЯС   (24.01.2012 в 10:27)
 

В этом случае, рамка добавляется ко всем строкам.

А нужно, именно к одной.

Или к строке вообще нельзя применить стиль рамки (именно к строке <tr></tr>)

  Ответить  
 
 автор: АЯС   (24.01.2012 в 19:20)   письмо автору
 
   для: sega_z   (24.01.2012 в 10:33)
 

В этом конкретном случае к вашему никнейму следует прибавить какое-нить нехорошее слово.

А бордер снизу добавляется ТОЛЬКО и ИСКЛЮЧИТЕЛЬНО к той строке, которая имеет имя класса niz_line.

PS. Кроме того, добавлю, ибо сразу не заметил. У тега <TABLE> нет свойства стиля padding, потому ваш второй класс (с именем riz) игнорируется браузером.

  Ответить  
 
 автор: sega_z   (24.01.2012 в 22:43)   письмо автору
 
   для: АЯС   (24.01.2012 в 19:20)
 

"А бордер снизу добавляется ТОЛЬКО и ИСКЛЮЧИТЕЛЬНО к той строке, которая имеет имя класса niz_line."

Ну так строка и имеет класс niz_line. Или я вас не правильно понял...

  Ответить  
 
 автор: АЯС   (24.01.2012 в 22:45)   письмо автору
 
   для: sega_z   (24.01.2012 в 22:43)
 

Не знаю уж, как меня можно "неправильно понять".

Вместо вашего
.niz_line 
{border-bottom: 2px solid #000099;} 

напишите предложенное мною - добавьте 5 символов, они выделены жирно
tr.niz_line td
{border-bottom: 2px solid #000099;} 

И посмотрите ГЛАЗАМИ (а не другим местом) на получившееся.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования