Полное закрашивание ячейки таблицы под текстом

truvor · November 1, 2007

Вот такой вопросик назрел.

Есть таблица. У нее свой класс CSS.

Есть текст из БД. он заполняет собой ячейки таблицы соответственно.

Задача: в зависимости от тех или иных значений подсветить другим

цветом некторые ячейки таблицы. При этом доступа к

нету.

И надо чтобы ячейка закрашивалась целиком а не просто выделялась часть ячейки под текстом другим цветом.

как я себе это мыслил

Какое то значение

При этом этот див находится внутри

однако при таком способе как раз подсвечивается только часть ячейки - та что под текстом.

А надо бы для эстетичности чтобы подсвечивалась вся.

Кто нить представляет как это реализовать?

Titan · November 1, 2007

Попробуй задать максимальные значения диву:

style="width:100%;height:100%;background:цвет;"

truvor · November 2, 2007

это я уже пробовал. не работает.

Dimitry Wolotko · November 2, 2007

Как Вы пробывали? Можно увидеть пример?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
</head>

<body>


<table width="200" height="200" border="1">
<tr>
<td height="100" width="100"><span style="background-color:green;height:100%;width:100%;">g</span></td>
<td height="100" width="100"> </td>
</tr>
<tr>
<td height="100" width="100"> </td>
<td height="100" width="100"> </td>
</tr>
</table>


</body>

truvor · November 2, 2007

В том то весь и интерес.

Что так как у тебя написано работает - хорошо себе представляю.

просто ума не дам почему у меня то же самое не закрашивает мою ячейку.

стоит width:100%; height:100%

Доступ к td нету ибо юзаю ComponentArt очень полезную

и функциональную весчь. можно манипулировать строками,

альт. строками, hover строками, колонками,

а ячейками только на уровне что прописать в конкретную ячейку.

В нее вписать могу все что угодно. Вот тока добраться до самого

в которую вложено значение не могу, да и не нужно это, нелогично было бы...

Вот в эту ячейку и приписываю на основе некоторых вычислений со строкой БД

значение, и если выполняется ряд условий хочу его подсветить. Прописываю и Бэк,

и высоту с шириной а все равно закрашивается только под текстом кусок.

ИМХО проблема в margin или padding у вышестоящего класса таблицы распространяющегося на все ячейки

таблы. Но как ее обойти я не пойму.(

А может есть возможность обратится к вышестоящему классу строки из ячейки

чтобы из него прописать в ячейку бэкколор?

truvor · November 2, 2007

вгялядит это безобразие вот так

YETI · November 2, 2007

Доктайп может?

Dimitry Wolotko · November 2, 2007

А код выложите, вот именно этой странички.

strix · November 2, 2007

А может есть возможность обратится к вышестоящему классу строки из ячейки
чтобы из него прописать в ячейку бэкколор?

а почему бы и нет?

table.classTable tr.classTr td{background:navy;}

указать класс таблицы стоит, чтоб перекрыть уже имеющиеся свойства ячеек этой таблицы

truvor · November 2, 2007

код выложить проблематично ибо коммерческая тайна)

Но там черт ногу сломает. Из кода на asp+c#

Компонент сам организует java скрипты на стороне клиента

заносит данные в массивы. Из них функциями выбирает знаечения.

Формирует таблицы.

Вообще разбираться в этом никакого смысла и желания нету.

А это можно расшифровать?

table.classTable tr.classTr td{background:navy;}

имхо если так прописать просто как класс css и его элемент td

то он тупо все ячейки в строке с классом classTr для таблицы

закрасит цветом navy.

Я имел ввиду обратиться конкретно к ячейке.

То есть прописать как то там. Мож функция какая есть.

Типа getParent

Или в css классе можно как то обратится к классу родительскому?

то есть нельзя ли из вложенного дива обратиться к классу или стилю

того во что он вложен? Если можно то как?

strix · November 2, 2007

2truvor - сорри, неправильно поняла проблему

к сожалению, средствами css изменить свойства родительского элемента, обратившись из дочернего, нельзя

надо пробовать другие средства

например, xPath

Dimitry Wolotko · November 2, 2007

Тогда сами очистите таблицу страницы от "коммерческого продукта" - и выложите голую таблицу со стилями. Думаю таблица и стили коммерческой тайной могут быть едва ли. А иначе - как мы вам поможем?

truvor · November 2, 2007

код странички:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.AlternatingRow 
{ 
 cursor: default;
 color:#800000;
}

.AlternatingRow td.DataCell 
{ 
 background-color: #f5f5dc; 
 padding: 3px; 
 font-family: verdana; 
 font-size: 10px;
 cursor: default; 
} 



.fillcell
{
 font-weight:bolder;
 width:100%;
 height:100%;
 background-color:aqua;

}}
</style>

</head>

<body>
<center><table width="300" border="0" cellspacing="1" cellpadding="0" style="background-color:#990000">
 <tr class="AlternatingRow">
 <td class="DataCell"> </td>
 <td class="DataCell"><div class="fillcell">test</div></td>
 <td class="DataCell"> </td>
 <td class="DataCell"> </td>
 <td class="DataCell"> </td>
 </tr>
</table>
</center>
</body>
</html>

наблюдается тот же эффект.

Я так себе полагаю что во всем виноваты padding'и

но а куда без них?

Если Пддинг убрать то в принципе закрашивает вроде всю ячейку.

Но без паддингов тоже плохо(

Как бы их подружить...

klierik · November 3, 2007

обнулить паддинги для ячеек и строк.

в ячейки всунуть дивы и создать соотв. классы.

див будет растягиваться с делать фон для все ячейки.

если етого не происходит, тагда при момощи firebug

смотрим наследование стилей

Sign In

Полное закрашивание ячейки таблицы под текстом

Question

Link to comment

Share on other sites

13 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information