Вот так сработало,вот что я хотел получить при маленьком разрешении экраеа,наконец-то.
|
Код:
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>Видео</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
* {margin:0; padding:0;}
body{overflow:hidden;}
img {border: none;}
.shapka {height: 155px; background:url(img/header.jpg) no-repeat; }
.shapkafon {height: 155px; background:url(img/fon.jpg) repeat-x; }
.shapkafon img { text-align:left;}
.bordur {width: 100%; border-collapse:collapse;}
.bordur td {border:1px solid black;}
.menubordur {border: 1px solid black; border-top:none;}
.d {width:15%;}
.d img {display:block;}
</style>
</head>
<body class="marginpadding">
<!-- ШАПКА -->
<table class="bordur">
<tr >
<td colspan="3" class="shapkafon" >
<div class="shapka" ></div>
</td>
</tr>
<!-- СЕРЕДИНА -->
<tr >
<td class="d">
<img src="img/videoyroki.png" >
<img src="img/n1.png" >
</td>
<td> С новым годом!</td>
<td class="d">
<img src="img/videoyroki.png" >
<img src="img/n1.png" >
</tr>
</table>
</body>
</html> |