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

HTML+CSS+JavaScript

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

 

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

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

тема: Подложить градиентный фон под строку таблицы
 
 автор: Eugene77   (07.09.2008 в 22:28)   письмо автору
 
 

Если я указываю в качестве подстилающего рисунка градиентный фон у тега <tr>, то он почему-то в каждой клеточке начинается заново.
Как бы мне добиться чтобы фон плавно менялся вдоль всей строки табицы?

  Ответить  
 
 автор: PAT   (08.09.2008 в 16:12)   письмо автору
 
   для: Eugene77   (07.09.2008 в 22:28)
 

Дайте, пожалуйста, здесь ваш код (вместе с CSS) для какой-то одной СТРОКИ таблицы.

Просто удивительно, что тег <TR> у вас хоть каким-то образом (пусть и не в нужном вам виде) поддерживает стиль filter.

Ибо MSDN утверждает, что такого не может быть В ПРИНЦИПЕ: всякий filter для стиля тега <TR> должен изначально ИГНОРИРОВАТЬСЯ.

  Ответить  
 
 автор: Eugene77   (08.09.2008 в 16:48)   письмо автору
 
   для: PAT   (08.09.2008 в 16:12)
 

Я не использую фильтра ибо мне нужен крассбраузерный код.
В стилях я подключаю градиентный фон вот так:
.grad
        {background-image:url(gradient2.png);
         background-repeat:repeat-y;
       border:red 0px solid;
       font-size: 12px;
         }

Потом, разумеется, в теге пишу его:
<tr class="grad">

Картинка у меня длинная - на всю строку, но в каждой ячейке она заново начинается.

  Ответить  
 
 автор: AlexSol   (08.09.2008 в 17:12)   письмо автору
 
   для: Eugene77   (08.09.2008 в 16:48)
 

<table class="grad"> <tr>..<tr>..

  Ответить  
 
 автор: Eugene77   (08.09.2008 в 18:53)   письмо автору
 
   для: AlexSol   (08.09.2008 в 17:12)
 

>
<table class="grad"> <tr>..<tr>..

Выглядит заманчиво, но как бы так сделать чтобы ячейки в этой таблице ровненько попадали в ячейки большой таблицы, в которой эта строка расположена. Вёрстка-то резиновая.

Впрочем,если жёстко прописать процентовку ширины для каждого столбца...

Кажется можно сделать, но не могу пока сообразить как. Трудность в том, что первый столбец имеет фиксированную ширину - там картинка. Если бы таблица была полностью резиновая, то - понятно, а вот когда один столбец фиксированной ширины, как тут делать?

  Ответить  
 
 автор: AlexSol   (08.09.2008 в 18:59)   письмо автору
 
   для: Eugene77   (08.09.2008 в 18:53)
 

вариат 2 - разделить градиен на два.
один для <tr> (скажим верхняя часть градиента)
второй для <td> (нижняя часть)

  Ответить  
 
 автор: Eugene77   (08.09.2008 в 20:26)   письмо автору
 
   для: AlexSol   (08.09.2008 в 18:59)
 

>вариат 2 - разделить градиен на два.
>один для <tr> (скажим верхняя часть градиента)
>второй для <td> (нижняя часть)

Ничего не понял.
У меня высота рисунка 1px.
Можно, конечно, переделать, но напишите лучше какой-нибудь примерчик кода, а то слова вообще ни в какой образ не складываются.

Кстати, первый вариант может быть и рабочий, только я не знаю как правильно сочетать ширину колонок в пикселях и процентах. Может быть вы умеете?

  Ответить  
 
 автор: AlexSol   (09.09.2008 в 07:57)   письмо автору
 
   для: Eugene77   (08.09.2008 в 20:26)
 

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

  Ответить  
 
 автор: Eugene77   (09.09.2008 в 17:04)   письмо автору
 
   для: AlexSol   (09.09.2008 в 07:57)
 

>прикрепите изображение, где показан ожидамый вами результат

Это сделать затруднительно. ожидаемый результатпока только в голове.
Вот начало проблемной таблицы, сырое пока совсем, не причёсанное:


<table width=100%  class="diztabletop" border="0" cellpadding="0" cellspacing="0"><tr><td rowspan=2>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr><td width="50px"><img src="http://localhost/intro/left.gif" width="60" height="127" border="0">
            </td><td><img src="http://localhost/intro/mon.jpg" width="125" height="127" border="0">
            </td></tr></table>
        </td>

        <td colspan=6 height="60" class="grad" ></td>
</tr>
<tr class="grad"><td width=14%><i class="t_t">00000000</i></td>
<td width=14%><i class="t_t">000000</i></td>
<td width=14%><i class="t_t">000000</i></td>
<td width=14%><i class="t_t">0000000.</i></td>
<td width=14%><i class="t_t">000000</i></td>
<td width=14%><i class="t_t" >000000</i></td>
</tr>

</table>


Вот эти клеточки с нулями надо на фоне градиента сделать.
надо чтобы градиент как вверху был

  Ответить  
 
 автор: AlexSol   (09.09.2008 в 17:13)   письмо автору
 
   для: Eugene77   (09.09.2008 в 17:04)
 

градиен в студию! (картинку)

  Ответить  
 
 автор: Eugene77   (09.09.2008 в 18:15)   письмо автору
445 байт
 
   для: AlexSol   (09.09.2008 в 17:13)
 

Градиент в приложении

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

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