Я тут недавно начал вспоминать верстку, как то начинал, а потом из-за не надобности забыл. Вот код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=windows-1251" http-equiv="content-type"><title>Влад это моя работа</title> <style type="text/css"> .text {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;background:#f5f4f2;padding:0px 2px;} .text2 {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;background:white;padding:0px 2px;} .table {text-align:center; width: 65px; height:41px;} .table2 {width: 100%;border-spacing:2px 0px;} .ramka {width:100%;border-spacing:2px 0px;} .b1, .b2, .b3, .b4 { display:block; overflow:hidden; } .b1, .b2, .b3 { height:1px; } .b2, .b3, .b4 { background:#f5f4f2; border-left:1px solid #bebebe; border-right:1px solid #bebebe; } .b1 { margin:0 5px; background:#bebebe; } .b2 { margin:0 3px; border-width:0 2px; } .b3 { margin:0 2px; } .b4 { height:2px; margin:0 1px; } .b5, .b6, .b7, .b8 { display:block; overflow:hidden; } .b5, .b6, .b7 { height:1px; } .b6, .b7, .b8 { background:white; border-left:1px solid #bebebe; border-right:1px solid #bebebe; } .b5 { margin:0 5px; background:#bebebe; } .b6 { margin:0 3px; border-width:0 2px; } .b7 { margin:0 2px; } .b8 { height:2px; margin:0 1px; } </style></head><body> <table class="ramka"> <tbody> <tr> <td class="table"><span class="b1"></span><span class="b2"></span><span class="b3"></span><span class="b4"></span> <div class="text">Общая<br> информация</div> </td> <td class="table"><span class="b1"></span><span class="b2"></span><span class="b3"></span><span class="b4"></span> <div class="text">Перечень<br> услуг</div> </td> <td class="table"> <span class="b5"></span><span class="b6"></span><span class="b7"></span><span class="b8"></span> <div class="text2">Допольная<br> информация</div> </td> <td class="table"><span class="b1"></span><span class="b2"></span><span class="b3"></span><span class="b4"></span> <div class="text"><img src="images/1.gif" align="middle" height="30" width="1">Клиенты</div> </td> <td class="table"><span class="b1"></span><span class="b2"></span><span class="b3"></span><span class="b4"></span> <div class="text"><img src="images/1.gif" align="middle" height="30" width="1">Контакты<br></div> </td> </tr> </tbody> </table> <table class="table2"> <tbody> <tr> <td><span class="b5"></span> <div class="text2"><img src="images/1.gif" align="middle" height="400" width="1"></div> <span class="b8"></span><span class="b7"></span><span class="b6"></span><span class="b5"></span> </td> </tr> </tbody> </table> </body></html> еще есть папка с пустым изображением размером 1х1px в папке images суть в том чтобы расстояние между табами осталось, а вот рассояние между таблицами не было, уже что только не делал не как не получаеться убрать этот border, где он вылазиет не понятно изображение не много не верно, у меня внизу закругления.
