Nezzar
Гуру форума
- Регистрация
- 29 Дек 2006
- Сообщения
- 337
- Реакции
- 89
- Автор темы
- #1
Стыдно, но самостоятельно не могу разобраться с кодом - уж очень он для мну тяжел, хотя и знаю язык. Намудрено с colspan и rowspan. Красота кода не имеет значении - работал бы...
Нужно чтобы в итоге получился один столбец, отмеченный на скрине, с которым и можно было бы работать дальше, не ломая верстку.
Кто может, помогите. Заранее спасибо.
Код:
<table width="775" height="821" border="0" cellpadding="0" cellspacing="0" class="frame" id="Table_01">
<tr>
<td rowspan="15">
<img src="images/main.jpg" width="20" height="293" alt=""></td>
<td colspan="13" rowspan="3">
<img src="images/main-03.jpg" width="453" height="51" alt=""></td>
<td width="148" height="21" colspan="13" align="left" valign="middle" background="images/b_language.jpg" class="text1" >Choose your language:</td>
<td width="134" height="21" colspan="7" align="left" valign="middle" background="images/b_currencies1.jpg" class="text1" >Currencies</td>
<td rowspan="15">
<img src="images/main-06.jpg" width="20" height="293" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="#"
onmouseover="window.status='english'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/english.jpg" width="26" height="20" border="0" alt="english"></a></td>
<td>
<img src="images/main-08.jpg" width="14" height="20" alt=""></td>
<td colspan="2">
<a href="#"
onmouseover="window.status='german'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/german.jpg" width="26" height="20" border="0" alt="german"></a></td>
<td>
<img src="images/main-10.jpg" width="14" height="20" alt=""></td>
<td colspan="3">
<a href="#"
onmouseover="window.status='spanish'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/spanish.jpg" width="26" height="20" border="0" alt="spanish"></a></td>
<td colspan="3">
<img src="images/main-12.jpg" width="42" height="20" alt=""></td>
<td width="134" height="30" colspan="7" rowspan="2" align="left" valign="top" background="images/b_currencies2.jpg" ><select name="select" class="text7" style="width:120px">
<option>US Dollar</option>
<option>Euro</option>
</select></td>
</tr>
<tr>
<td colspan="13">
<img src="images/main-14.jpg" width="148" height="10" alt=""></td>
</tr>
<tr>
<td colspan="27">
<img src="images/main-15.jpg" width="611" height="45" alt=""></td>
<td width="124" height="45" colspan="6" align="left" valign="middle" background="images/b_cart.jpg" class="text2" style="padding-top:10px"><span class="text3">Shopping Cart:</span> 0 items</td>
</tr>
<tr>
<td colspan="3">
<img src="images/main-17.jpg" width="197" height="18" alt=""></td>
<td colspan="30" rowspan="11">
<img src="images/main-18.jpg" width="538" height="197" alt=""></td>
</tr>
<tr>
<td rowspan="10">
<img src="images/main-19.jpg" width="14" height="179" alt=""></td>
<td colspan="2">
<a href="index.html"
onmouseover="window.status='home page'; changeImages('home_page', 'images/home-page-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('home_page', 'images/home-page.jpg'); return true;"
onmousedown="changeImages('home_page', 'images/home-page-over.jpg'); return true;"
onmouseup="changeImages('home_page', 'images/home-page-over.jpg'); return true;">
<img name="home_page" src="images/home-page.jpg" width="183" height="26" border="0" alt="home page"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="images/main-22.jpg" width="183" height="5" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="new.html"
onmouseover="window.status='new products'; changeImages('new_products', 'images/new-products-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('new_products', 'images/new-products.jpg'); return true;"
onmousedown="changeImages('new_products', 'images/new-products-over.jpg'); return true;"
onmouseup="changeImages('new_products', 'images/new-products-over.jpg'); return true;">
<img name="new_products" src="images/new-products.jpg" width="183" height="26" border="0" alt="new products"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="images/main-25.jpg" width="183" height="5" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="specials.html"
onmouseover="window.status='specials'; changeImages('specials', 'images/specials-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('specials', 'images/specials.jpg'); return true;"
onmousedown="changeImages('specials', 'images/specials-over.jpg'); return true;"
onmouseup="changeImages('specials', 'images/specials-over.jpg'); return true;">
<img name="specials" src="images/specials.jpg" width="183" height="26" border="0" alt="specials"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="images/main-28.jpg" width="183" height="5" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="account.html"
onmouseover="window.status='my account'; changeImages('my_account', 'images/my-account-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('my_account', 'images/my-account.jpg'); return true;"
onmousedown="changeImages('my_account', 'images/my-account-over.jpg'); return true;"
onmouseup="changeImages('my_account', 'images/my-account-over.jpg'); return true;">
<img name="my_account" src="images/my-account.jpg" width="183" height="26" border="0" alt="my account"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="images/main-31.jpg" width="183" height="5" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="contact.html"
onmouseover="window.status='contact us'; changeImages('contact_us', 'images/contact-us-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('contact_us', 'images/contact-us.jpg'); return true;"
onmousedown="changeImages('contact_us', 'images/contact-us-over.jpg'); return true;"
onmouseup="changeImages('contact_us', 'images/contact-us-over.jpg'); return true;">
<img name="contact_us" src="images/contact-us.jpg" width="183" height="26" border="0" alt="contact us"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="images/main-34.jpg" width="183" height="29" alt=""></td>
</tr>
<tr>
<td width="20" height="440" rowspan="10"></td>
<td width="197" height="35" colspan="3" align="left" valign="middle" bgcolor="#D0E55A" class="text4" style="padding-left:34px">Browse by category</td>
<td colspan="6">
<img src="images/main-35.jpg" width="151" height="35" alt=""></td>
<td width="287" height="35" colspan="19" align="left" valign="middle" bgcolor="#D0E55A" class="text4">Featured DVD’s</td>
<td width="51" height="35" colspan="2" align="left" valign="middle" bgcolor="#D0E55A"><a href="#" class="b">browse all</a></td>
<td colspan="3">
<img src="images/browse.jpg" width="49" height="35" alt=""></td>
<td width="20" height="440" rowspan="10"></td>
</tr>
<tr>
<td colspan="2" rowspan="9">
<img src="images/categories.jpg" width="34" height="405" alt=""></td>
<td width="163" height="405" rowspan="9" align="left" valign="top" background="images/b_categories.jpg" style="line-height:18px; padding-top:11px" ><a href="#" class="a">Action</a><br>
<a href="#" class="a">Adult</a><br>
<a href="#" class="a">Adventure</a><br>
<a href="#" class="a">Animated</a><br>
<a href="#" class="a">Classic</a><br>
<a href="#" class="a">Comedy</a><br>
<a href="#" class="a">Crime/Mystery</a><br>
<a href="#" class="a">Documentary</a><br>
<a href="#" class="a">Drama</a><br>
<a href="#" class="a">Family & Children</a><br>
<a href="#" class="a">Horror</a><br>
<a href="#" class="a">Music</a><br>
<a href="#" class="a">Musical</a><br>
<a href="#" class="a">Opera/Classical</a><br>
<a href="#" class="a">Romance</a><br>
<a href="#" class="a">Sci-Fi/Fantasy</a><br>
<a href="#" class="a">Sport</a><br>
<a href="#" class="a">Thriller</a><br>
<a href="#" class="a">TV Series</a><br>
<a href="#" class="a">War</a><br>
<a href="#" class="a">Western</a></td>
<td colspan="7">
<img src="images/p.jpg" width="172" height="129" alt=""></td>
<td rowspan="6">
<img src="images/line.jpg" width="1" height="229" alt=""></td>
<td colspan="10">
<img src="images/p-41.jpg" width="181" height="129" alt=""></td>
<td rowspan="6">
<img src="images/line-42.jpg" width="1" height="229" alt=""></td>
<td colspan="11">
<img src="images/p-43.jpg" width="183" height="129" alt=""></td>
</tr>
<tr>
<td width="40" height="100" rowspan="5"></td>
<td width="55" height="46" colspan="2" align="left" valign="top"><a href="#" class="c">Norbit</a> <span class="text5">$29.90</span></td>
<td colspan="4">
<img src="images/p-44.jpg" width="77" height="46" alt=""></td>
<td width="38" height="100" rowspan="5"></td>
<td width="57" height="46" colspan="3" align="left" valign="top"><a href="#" class="c">Feast</a> <br>
<span class="text5">$25.45</span></td>
<td colspan="6">
<img src="images/p-45.jpg" width="86" height="46" alt=""></td>
<td width="38" height="100" colspan="3" rowspan="5"></td>
<td width="56" height="46" colspan="4" align="left" valign="top"><a href="#" class="c">Deja Vu
</a><span class="text5">$33.25</span></td>
<td colspan="4">
<img src="images/p-46.jpg" width="89" height="46" alt=""></td>
</tr>
<tr>
<td colspan="4">
<a href="#"
onmouseover="window.status='details'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/details.jpg" width="101" height="19" border="0" alt="details"></a></td>
<td width="31" height="40" colspan="2" rowspan="3"></td>
<td colspan="6">
<a href="#"
onmouseover="window.status='details'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/details-48.jpg" width="101" height="19" border="0" alt="details"></a></td>
<td width="42" height="40" colspan="3" rowspan="3"></td>
<td colspan="6">
<a href="#"
onmouseover="window.status='details'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/details-49.jpg" width="101" height="19" border="0" alt="details"></a></td>
<td width="44" height="40" colspan="2" rowspan="3"></td>
</tr>
<tr>
<td width="101" height="2" colspan="4"></td>
<td width="101" height="2" colspan="6"></td>
<td width="101" height="2" colspan="6"></td>
</tr>
<tr>
<td colspan="4">
<a href="#"
onmouseover="window.status='add to cart'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/add-to-cart.jpg" width="101" height="19" border="0" alt="add to cart"></a></td>
<td colspan="6">
<a href="#"
onmouseover="window.status='add to cart'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/add-to-cart-51.jpg" width="101" height="19" border="0" alt="add to cart"></a></td>
<td colspan="6">
<a href="#"
onmouseover="window.status='add to cart'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/add-to-cart-52.jpg" width="101" height="19" border="0" alt="add to cart"></a></td>
</tr>
<tr>
<td width="132" height="14" colspan="6"></td>
<td width="143" height="14" colspan="9"></td>
<td width="145" height="14" colspan="8"></td>
</tr>
<tr>
<td colspan="30">
<img src="images/line-53.jpg" width="538" height="1" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="images/shipping.jpg" width="266" height="65" alt=""></td>
<td rowspan="2">
<img src="images/line-55.jpg" width="2" height="175" alt=""></td>
<td colspan="18">
<img src="images/movies.jpg" width="270" height="65" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/shipping-57.jpg" width="134" height="110" alt=""></td>
<td width="132" height="110" colspan="7" align="left" valign="top" style="padding-right:10px"><span class="text6">Ea consetetur sadi </span><br>
Dolores et ea consetetur sadi pscing elit consetetur pscing elitr, sed diam nonumy lorem ipsum dolor sed Consetetur <a href="#" class="d">| more</a></td>
<td colspan="9">
<img src="images/movies-59.jpg" width="122" height="110" alt=""></td>
<td width="127" height="110" colspan="8" align="left" valign="top" style="padding-right:5px"><span class="text6">Ea consetetur sadi </span><br>
Dolores et ea consetetur sadi pscing elit consetetur pscing elitr, sed diam nonumy lorem ipsum dolor sed Consetetur <span style="padding-right:10px"><a href="#" class="d">| more</a></span></td>
<td width="21" height="110"></td>
</tr>
<tr>
<td colspan="35">
<img src="images/main-61.jpg" width="775" height="11" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/main-62.jpg" width="260" height="76" alt=""></td>
<td width="515" height="76" colspan="29" background="images/b_links.jpg" class="text7" ><a href="specials.html">SPECIALS</a> | <a href="search.html" class="text7">SITE SEARCH</a> | <a href="contact.html">CONTACT US</a> | <a href="create.html">CREATE AN ACCOUNT</a> | <a href="login.html">CUSTOMER LOGIN</a><br>
Copyright © Your Company Name</td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="163" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="40" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="52" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="21" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="45" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="40" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="21" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
</tr>
</table>Кто может, помогите. Заранее спасибо.
, а не код.
, но что-то не сходится.