Из Table в li

Pasha199
На сайте с 17.02.2009
Offline
167
327

Подскажите пожалуйста как переписать этот код из table в li с сохранением всех классов которые указаны в table?

http://jsfiddle.net/V8nDm/1/

R
На сайте с 27.03.2008
Offline
85
#1

Pasha199, вы можете скинуть код на pastebin например. С вашего источника не копируется

Pasha199
На сайте с 17.02.2009
Offline
167
#2

Rigor,

<nav id="screens">

<table>
<tr>
<th>
</th>
</tr>
<tr screen-index="0">
<td class="screen-anchor big active" screen-index="0"><a><span class="body">About</span><span class="head"></span></a></td>
</tr>
<tr >
<td class="screen-anchor big" screen-index="1"><a><span class="body">Title</span><span class="head"></span></a></td>
</tr>
<tr >
<td class="screen-anchor big" screen-index="2"><a><span class="body">Title</span><span class="head"></span></a></td>
</tr>
<tr >
<td class="screen-anchor big" screen-index="3"><a><span class="body">Title</span><span class="head"></span></a></td>
</tr>
<tr >
<td class="screen-anchor big" screen-index="4"><a><span class="body">Title</span><span class="head"></span></a></td>
</tr>
<tr >
<td class="screen-anchor big" screen-index="5"><a><span class="body">Title</span><span class="head"></span></a></td>
</tr>
<tr >
<td class="screen-anchor big" screen-index="6"><a><span class="body">Title</span><span class="head"></span></a></td>
</tr>
<tr >
<td class="screen-anchor big" screen-index="7"><a><span class="body">Title</span><span class="head"></span></a></td>
</tr>
<tr >
<td class="screen-anchor big" screen-index="8"><a><span class="body">Title</span><span class="head"></span></a></td>
</tr>
</table>
</nav>
R
На сайте с 27.03.2008
Offline
85
#3

Так пойдет?

<ul class="menu">
<li screen-index="0">
<span class="screen-anchor big active" screen-index="0"><a><span class="body">About</span><span class="head"></span></a></span>
</li>
<li class="screen-anchor big" screen-index="1"><a><span class="body">Title</span><span class="head"></span></a>
</li>
<li class="screen-anchor big" screen-index="2"><a><span class="body">Title</span><span class="head"></span></a> </li>

<li class="screen-anchor big" screen-index="3"><a><span class="body">Title</span><span class="head"></span></a></li>

<li class="screen-anchor big" screen-index="4"><a><span class="body">Title</span><span class="head"></span></a></li>

<li class="screen-anchor big" screen-index="5"><a><span class="body">Title</span><span class="head"></span></a></li>

<li class="screen-anchor big" screen-index="6"><a><span class="body">Title</span><span class="head"></span></a></li>

<li class="screen-anchor big" screen-index="7"><a><span class="body">Title</span><span class="head"></span></a></li>

<li class="screen-anchor big" screen-index="8"><a><span class="body">Title</span><span class="head"></span></a></li>

</ul>
</nav>

Css стиль .menu {list-style:none}

Pasha199
На сайте с 17.02.2009
Offline
167
#4

Rigor, спасибо

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий