Помогите с таблицей HTML/CSS

Тема в разделе "IT тусовка", создана пользователем FirstMedved, 4 апр 2011.

  1. FirstMedved

    FirstMedved Проверенный

    Сообщения:
    288
    Симпатии:
    106
    Люди, у мну не большая трабла, Я новичок в этом деле и только учусь...
    Нужно сделать вот такую таблицу на HTMLе с примесями CSS

    http://disk.tom.ru/27tvnhc

    Уже 3 дня мучаюсь :-( Получились не большие наброски, но они далеки от идеала и очень коряво сделаны т.ч. выкладывать их не буду...

    ЗЫ
    Если дадите правильный код в течении суток, то скину на счёт(вебмани/мобильного/кредитов) 50р А если код будет с комментариями, то сброшу 100руб ;-) Сумма не большая, но хоть какая-то благодарность =)

    Заранее благодарен :)
     
    FirstMedved, 4 апр 2011
    #1
  2. FirstMedved

    FirstMedved Проверенный

    Сообщения:
    288
    Симпатии:
    106
    Помогите хотя б найти ошибку в набросках
    HTML:
    <html>
<head>
<title>Шаблон Каталога</title>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
<style type="text/css">

.button_kor {
    background: transparent url('images/button_kor_1.png') no-repeat scroll top right;
    height: 23px;
    width: 81px;  
    display:block;
}

</style>
</head>

<body>&nbsp;&nbsp;&nbsp;&nbsp;
<table>
<tr> 
<td width="55"></td>
<td>
<table border="0" cellspacing="1" cellpadding="0" bgcolor="#000000" width="174">
  <tr bgcolor="#FFFFFF"> 
    <td height="150">
    <table border="0">
     <tr height="10">
      <td width="10"></td>
      <td width="154"><font face="impact" size="3" color="#D9DADA">Артикул 000000</font></td>
      <td width="10"></td>
     </tr>
     <tr height="120">
      <td width="10"></td>
      <td width="150">
        <table border="1" cellspacing="0" height="100%" width="100%" bordercolor="#999999">
          <tr>
           <td>Фото</td>
          </tr>
        </table>
      </td>
      <td width="10"></td>
     </tr>
     <tr height="10">
      <td width="10"></td>
      <td width="150"></td>
      <td width="10"></td>
     </tr>
    </table>
    </td>
  </tr>
  <tr bgcolor="#666666"> 
    <td height="5" bgcolor="#2A2A29"></td>
  </tr>
  <tr bgcolor="#FFD500"> 
    <td height="50">
     <table border="0" cellspacing="0" height="100%" width="100%" bordercolor="#FFD500">
      <tr>
       <td>Название</td>
      </tr>
      <tr>
       <td>Несколько строк</td>
      </tr>
      <tr>
       <td>Цена</td>
      </tr>
     </table>
    </td>
  </tr>
  <tr bgcolor="#2A2A29"> 
    <td height="25">
    <form>
       <table>
         <tr>
          <td VALIGN=bottom><input type="button" name="name" class="button_kor"/></td>
          <td VALIGN=bottom><input type="text" name="kolvo" SIZE="1" max="4"/></td>
          <td VALIGN=bottom><font face="impact" size="+2" color="White">ШТ.</font></td>
         </tr>
       </table>
     </form>
    </td>
  </tr>
  </td>
  </tr>
</table>
</table>  
</body>
</html>
    Основная проблемав том, что нижняя строка таблици получаеться слишком больших размеров. Точнее в низу получаеться лишние пространство... Как его убрать?

    Добавлено через 2 часа 10 минут
    Вопрос решён =)
    Удалите плиз тему =)
     
    FirstMedved, 5 апр 2011
    #2