Приветствую друзья!
У меня тут задача есть, нужно реализовать очень хитрую верстку, что-то я совсем потерялся.
Задача:
Есть меню, в нем 2 уровня, второй уровень всегда открыт. Задача сделать первый уровень включенный в тэг <tr > </tr > проходит успешно, есть строка и в ней 4 столбца. Но вот сделать так чтобы весь второй уровень шел как <tr > </tr > и при этом дочернее меню было включено в отдельный столбец не получается. для нагладности приведу html код того, что должно получиться:
<!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>
</head>
<body>
<table width="100%" border="1">
<tr>
<td>Меню 1</td>
<td>Меню 2</td>
<td>Меню 3</td>
<td>Меню 4</td>
</tr>
<tr>
<td><ul>
<li>Меню 1.1</li>
<li> Меню 1.2</li>
<li>Меню 1.3 </li>
</ul></td>
<td><ul>
<li>Меню 2.1</li>
<li> Меню 2.2</li>
<li>Меню 2.3 </li>
</ul></td>
<td><ul>
<li>Меню 3.1</li>
<li> Меню 3.2</li>
<li>Меню 3.3 </li>
</ul></td>
<td><ul>
<li>Меню 4.1</li>
<li> Меню 4.2</li>
<li>Меню 4.3 </li>
</ul></td>
</tr>
</table>
</body>
</html>
Ребят, просьба, не надо спрашивать зачем и почему именно так это надо делать, если знаете то просто подскажите, если нет то без поды пожалуйста