Верстка.Как быть?

[E.Markitan]

Здравствуйте.

Возникли сложности с совмещение таблиц.В наличии есть 3 таблицы, 2 из которых должны находиться в 1.

Помогите в решение.За ранее благодарю.

Сам код html:

general table.

<table id="Table_01" border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="5">

<img src="images/modul-lef-tmaket_01.gif" width="261" height="8" alt=""></td>

</tr>

<tr>

<td align="left">

<img src="images/modul-lef-tmaket_02.gif" width="4" height="344" alt=""></td>

<td><img src="images/left_menu_06.gif" width="27" height="13" alt=""></td> / кнопка промотки вверх

<td><img src="images/left_menu_24.gif" width="27" height="13" alt=""></td> / кнопка промотки вниз

<td align="right">

<img src="images/modul-lef-tmaket_04.gif" width="4" height="344" alt=""></td>

</tr>

<tr>

<td rowspan="3" colspan="5">

<img src="images/modul-lef-tmaket_05.gif" width="261" height="7" alt=""></td>

</tr>

</table>

вот собственно две другие таблицы которые должны находиться в выше указанной.

<table border="0" cellpadding="0" cellspacing="0">

<tr valign='top'>

<td colspan="6">

<img src="images/mini_01.gif" width="244" height="5" alt=""></td>

</tr>

<tr valign='top'>

<td align="left">

<img src="images/mini_02.gif" width="2" height="128" alt=""></td>

<td align="right">

<img src="images/mini_04.gif" width="2" height="128" alt=""></td>

</tr>

<tr valign='top'>

<td colspan="6">

<img src="images/mini_05.gif" width="244" height="5" alt=""></td>

</tr>

</table>

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="6">

<img src="images/mini_07.gif" width="244" height="5" alt=""></td>

</tr>

<tr>

<td align="left">

<img src="images/mini_08.gif" width="2" height="106" alt=""></td>

<td align="right">

<img src="images/mini_10.gif" width="2" height="106" alt=""></td>

</tr>

<tr>

<td colspan="6">

<img src="images/mini_11.gif" width="244" height="5" alt=""></td>

</tr>

</table>

готовый вариант должен выглядеть так http://fotki.yandex.ru/users/grib0kk/view/326894/?page=0

[Great Rash]

Не нужны тут таблицы. Используйте блоки.

[E.Markitan]

По подробней, если можно.

Edited December 15, 2010 by E.Markitan

[E.Markitan]

Решение:

<table id="Table_01" border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="5"><img src="images/modul-lef-tmaket_01.gif" width="261" height="8" alt=""></td>

</tr>

<tr>

<td align="left" width="4" height="344"><img src="images/modul-lef-tmaket_02.gif" width="4" height="344" alt=""></td>

<td>

<img src="images/left_menu_06.gif" width="27" height="13" alt=""><br>

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="6"><img src="images/mini_07.gif" width="244" height="5" alt=""></td>

</tr>

<tr>

<td align="left"><img src="images/mini_08.gif" width="2" height="106" alt=""></td>

<td align="right"><img src="images/mini_10.gif" width="2" height="106" alt=""></td>

</tr>

<tr>

<td colspan="6"><img src="images/mini_11.gif" width="244" height="5" alt=""></td>

</tr>

</table><br>

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="6"><img src="images/mini_07.gif" width="244" height="5" alt=""></td>

</tr>

<tr>

<td align="left"><img src="images/mini_08.gif" width="2" height="106" alt=""></td>

<td align="right"><img src="images/mini_10.gif" width="2" height="106" alt=""></td>

</tr>

<tr>

<td colspan="6"><img src="images/mini_11.gif" width="244" height="5" alt=""></td>

</tr>

</table><img src="images/left_menu_24.gif" width="27" height="13" alt="">

</td>

<td align="right" width="4" height="344"><img src="images/modul-lef-tmaket_04.gif" width="4" height="344" alt=""></td>

</tr>

<tr>

<td rowspan="3" colspan="5"><img src="images/modul-lef-tmaket_05.gif" width="261" height="7" alt=""></td>

</tr>

</table>

[papay]

Не хочу плодить тему, эта вполне подходит под мой вопрос

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

пробовал например так table.border tr {background: #FFa800;} ну это только фон, пробовал table.border tr a:hover {background: #FFa800;}. тоже нет.

Пытался найти ответ в гугле, но видимо плохо искал.

Паника отменяется, парни нашол, решил на бум сделать так table.border tr:hover {background: #FFa800;} и все заработало, честно не знал, но предполагал Модераторы сотрите пост, если вы считаете, что он не несет ни какой смысловой нагрузки.

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

Edited December 16, 2010 by papay

[Temiks]

попробуй

table:hover или

tr:hover

может поможет

[CEBEP]

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

По поводу конкретной задачи, опишите всё таки по подробнее...

[psywalker]

Паника отменяется, парни нашол, решил на бум сделать так table.border tr:hover {background: #FFa800;} и все заработало, честно не знал, но предполагал Модераторы сотрите пост, если вы считаете, что он не несет ни какой смысловой нагрузки.

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

Шестой Осёл поддерживает ховер только для ссылок и то криво)