Помогите с CSS

[Kochevnik]

Есть табличка как сделать чтоб border не обрамлялся несколько раз в некоторых местах.

<table width="738" cellpadding="0" cellspacing="0" id="img_roul">
  <tr>
    <td width="52"><table cellspacing="0" cellpadding="0">
      <tr>
        <td width="50px" height="90px">0</td>
      </tr>
    </table></td>
    <td width="602"><table cellspacing="0" cellpadding="0">
      <tr>
        <td width="50px" height="30px">3</td>
        <td width="50px">6</td>
        <td width="50px">9</td>
        <td width="50px">12</td>
        <td width="50px">15</td>
        <td width="50px">18</td>
        <td width="50px">21</td>
        <td width="50px">24</td>
        <td width="50px">27</td>
        <td width="50px">30</td>
        <td width="50px">33</td>
        <td width="50px">36</td>
      </tr>
      <tr>
        <td height="30px">2</td>
        <td>5</td>
        <td>8</td>
        <td>11</td>
        <td>14</td>
        <td>17</td>
        <td>20</td>
        <td>23</td>
        <td>26</td>
        <td>29</td>
        <td>32</td>
        <td>35</td>
      </tr>
      <tr>
        <td height="30px">1</td>
        <td>4</td>
        <td>7</td>
        <td>10</td>
        <td>13</td>
        <td>16</td>
        <td>19</td>
        <td>22</td>
        <td>25</td>
        <td>28</td>
        <td>31</td>
        <td>34</td>
      </tr>
    </table></td>
    <td width="82"><table cellspacing="0" cellpadding="0">
      <tr>
        <td width="80px" height="30px">3rd Col</td>
      </tr>
      <tr>
        <td width="80px" height="30px">2nd Col</td>
      </tr>
      <tr>
        <td width="80px" height="30px">1st Col</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td> </td>
    <td><table cellspacing="0" cellpadding="0">
      <tr>
        <td width="200px">1st Dozen</td>
        <td width="200px">2nd Dozen</td>
        <td width="200px">3rd Dozen</td>
      </tr>
    </table></td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td><table cellspacing="0" cellpadding="0">
      <tr>
        <td width="100px">1 to18</td>
        <td width="100px">EVEN</td>
        <td width="100px">RED</td>
        <td width="100px">BLACK</td>
        <td width="100px">ODD</td>
        <td width="100px">19 to36</td>
      </tr>
    </table></td>
    <td> </td>
  </tr>
</table>

и CSS

#img_roul table{ 
       border-collapse:collapse;
   }
#img_roul table td{ 
    border: 1px solid #000; /* Граница вокруг ячеек */
	text-align:center;
   }

[Justnewone]

#img_roul table{ 
       border-collapse:collapse;
    border: 1px solid #000;
    border-width:1px 0 0 1px;
   }
#img_roul table td{ 
    border: 1px solid #000; /* Граница вокруг ячеек */
        text-align:center;
    border-width:0 1px 1px 0;
   }

[Kochevnik]

#img_roul table{ 
       border-collapse:collapse;
    border: 1px solid #000;
    border-width:1px 0 0 1px;
   }
#img_roul table td{ 
    border: 1px solid #000; /* Граница вокруг ячеек */
        text-align:center;
    border-width:0 1px 1px 0;
   }

Странно но ничего не поменялось(

[Justnewone]

ссылко

[Kochevnik]

ссылко

http://roulette.net.ua/test.php ссылка на исходник

[Justnewone]

у вас там таблица в таблице, надо внимательно увидеть структуру, убрать лишние бордеры.

[Kochevnik]

у вас там таблица в таблице, надо внимательно увидеть структуру, убрать лишние бордеры.

ну это понятно а как их правильно убрать? не подскажешь?

[Justnewone]

не хочется, задача элементарнейшая