<body><table class="top"><div class="layer1"><a href="remzona.html"><img src="1.png"></a></div><div class="layer2"><a href="index.html"><img src="2.png"></a></div></table> <table class="bottom"><div class="layer3"><a href="kuzremont.html"><img src="3.png"></div><div class="layer4"><a href="avtomoika.html"><img src="4.png"></div></table> </body>CSS .top { margin: auto; } .bottom { margin: auto; } .layer1 { background-color: white; /* Цвет фона слоя */ padding: 0px; /* Поля вокруг текста */ margin: 0px; /* внешний отступ */ float: left; /* Обтекание по правому краю */ width: 250px; /* Ширина слоя */ height: 331px; }a:link { border:none; text-decoration: none; color: white; } a:visited { border:none; text-decoration: none; color: white; } a:active { border:none; text-decoration: none; color: white; } a:hover { border:none; text-decoration: none; color: white; }стиль layer1 идентичен остальным Я в этом деле новичек, так что сильно не ругайте!