colspan волшебство

[alexey_]

Задача: объеденить 3 ячейки (например там где 1 объеденить с левой и правой)

colspan=3 обьединяет только левою с той где цифра

HTML

<table>

<tr>
  <td>
    <img src="left-top.jpg">
  </td>
  <td class="top"><!—-></td>
  <td>
    <img src="./img/right-top.jpg">
  </td>
</tr>

<tr>
  <td class="left"><!—-></td>
  <td><!—-></td>	
  <td class="right"><!—-></td>
</tr>

<tr>
  <td class="left"><!—-></td>
  <td>
    2
  </td>
  <td class="right"><!—-></td>	
</tr>

<tr>
  <td class="left"><!—-></td>
  <td>
    3
  </td>
  <td class="right"><!—-></td>	
</tr>

<tr>
  <td class="left"><!—-></td>
  <td>
    4
  </td>
  <td class="right"><!—-></td>
</tr>

<tr>
  <td class="left"><!—-></td>
  <td>
    5
  </td>
  <td class="right"><!—-></td>	
</tr>	

<tr>
  <td>
    <img src="left-bottom.jpg">
  </td>
  <td class="bottom"><!—-></td>
  <td>
    <img src="right-bottom.jpg">
  </td>
</tr>

</table>

CSS

td.top
{
	background:url(top.jpg);
	background-repeat:repeat-x;
	height: 1px;
}
td.bottom
{
	background:url(bottom.jpg);
	background-repeat:repeat-x;
	height: 1px;
}
td.left
{
	background:url(left.jpg);
	background-repeat:repeat-y;
	width: 1px;
}
td.right
{
	background:url(right.jpg);
	background-repeat:repeat-y;
	width: 1px;
}

[sigma77]

alexey_,

Я что-то ни одного колспана у вас в коде не вижу.

http://htmlbook.ru/html/td/colspan

http://htmlbook.ru/samhtml/tablitsy/obedinenie-yacheek

http://jsfiddle.net/KfwLr/

[alexey_]

alexey_,

Я что-то ни одного колспана у вас в коде не вижу.

http://htmlbook.ru/html/td/colspan

http://htmlbook.ru/samhtml/tablitsy/obedinenie-yacheek

http://jsfiddle.net/KfwLr/

так я и запостил, что бы увидеть как мне их объеденить

[sigma77]

так я и запостил, что бы увидеть как мне их объеденить

Так по ссылка же выше всё написано. Ну ладно, если не хотите сами разбираться...

<tr>
  <td colspan="3">
    1
  </td>
</tr>