Проблема с кодом HTML

Тема в разделе "Другие языки", создана пользователем Nezzar, 13 сен 2008.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. Nezzar

    Nezzar

    Регистр.:
    29 дек 2006
    Сообщения:
    338
    Симпатии:
    71
    Стыдно, но самостоятельно не могу разобраться с кодом - уж очень он для мну тяжел, хотя и знаю язык. Намудрено с 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 &amp; 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>
    
    Нужно чтобы в итоге получился один столбец, отмеченный на скрине, с которым и можно было бы работать дальше, не ломая верстку.
    Кто может, помогите. Заранее спасибо.
     

    Вложения:

    • скрин.jpg
      скрин.jpg
      Размер файла:
      157,3 КБ
      Просмотров:
      20
  2. Yozik

    Yozik

    Регистр.:
    5 дек 2007
    Сообщения:
    239
    Симпатии:
    65
    Так вставь в нужный столбец таблицу, и верстай как заблагорассудится, остальная вёрстка останется прежней.
     
  3. Nezzar

    Nezzar

    Регистр.:
    29 дек 2006
    Сообщения:
    338
    Симпатии:
    71
    Нет, там не все так просто - левая и правая часть соединены между собой <tr>.
    За такой код вообще растреливать предлагаю о_О
     
  4. Yozik

    Yozik

    Регистр.:
    5 дек 2007
    Сообщения:
    239
    Симпатии:
    65
    Такая мысль тоже возникала. А что мешает сверстать заново, но более разумно?
     
  5. Nezzar

    Nezzar

    Регистр.:
    29 дек 2006
    Сообщения:
    338
    Симпатии:
    71
    да то, что я никогда сам не создавал верстку. Максимум - лепил из того, что было. Но если никто не поможет, так и придется обучаться = (
     
  6. AgpeHaJIuH

    AgpeHaJIuH Постоялец

    Регистр.:
    7 июл 2008
    Сообщения:
    67
    Симпатии:
    19
    Ужас, кто же так верстку делает? Тут лучше всего заново переделать: и сам будешь разбираться в коде страницы, и изменения будут не так много времени занимать.

    Если тебе трудно разобраться в хтмл коде, скачай себе плагин firebug (для браузера mozilla), там при наводе мышкой на td, tr и подсвечивается соответствующая часть страницы.

    Для верстки попробуй dreamweaver или хороший редактор с подсветкой синтаксиса (я пользуюсь PSPAD).
     
  7. Nezzar

    Nezzar

    Регистр.:
    29 дек 2006
    Сообщения:
    338
    Симпатии:
    71
    Да дримвьювером и пользуюсь. А верстку так делают нынче TemblateBox.
     
  8. Yozik

    Yozik

    Регистр.:
    5 дек 2007
    Сообщения:
    239
    Симпатии:
    65
    Ты бы выложил весь шаблон, или хотя бы его номер, попробую что-нибудь изобразить.
     
  9. Nezzar

    Nezzar

    Регистр.:
    29 дек 2006
    Сообщения:
    338
    Симпатии:
    71
    Templatebox PW334
    http://rapidshare.com/files/137263364/PW334.rar
     
  10. YVM

    YVM Писатель

    Регистр.:
    20 май 2007
    Сообщения:
    6
    Симпатии:
    16
    Это какой-то ужос **х... :mad: , а не код.
    Фотошоп им в з...цу засунуть надо за такое.
    Код:
    <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="515" height="21" colspan="13" align="left" valign="middle" background="images/b_language.jpg" class="text1" >Choose your language:</td>
    		<td width="515" 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="515" 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="515" 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="35" rowspan="2"></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 height="35" colspan="6">
    			<img src="images/main-35.jpg" width="151" height="35" alt=""></td>
    		<td width="515" height="35" colspan="19" align="left" valign="middle" bgcolor="#D0E55A" class="text4">Featured DVD’s</td>
    		<td width="515" height="35" colspan="2" align="left" valign="middle" bgcolor="#D0E55A"><a href="#" class="b">browse all</a></td>
    		<td height="35" colspan="3">
    			<img src="images/browse.jpg" width="49" height="35" alt=""></td>
    		<td width="515" height="35"></td>
    	</tr>
    
    	<tr>
    		<td colspan="2">
    			<img src="images/categories.jpg" width="34" height="405" alt=""></td>
    		<td width="197" height="405" 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 &amp; 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="31">Контент страницы</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 width="515">
    			<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 width="515">
    			<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 width="515">
    			<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>
    
    Если допустимо изменять значения rowspan и colspan в соседних ячейках, то получилось то что выше.
    Если нет, то так и не смог понять, где косяк :nezn:, но что-то не сходится.
     
Статус темы:
Закрыта.