Мне нужно чтоб обрезало картинку справа при разрешении 800х600, но чтоб при этом панель навигации, которая справа должна не обрезаться а сдвинуться.
Если написать так.
|
Код:
|
<!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">
.shapkafon{background:url(img/fon.jpg); repeat-x; }
body{min-width:800px; overflow:hidden;}
.marginpadding{margin:0px; padding:0px;}
.bordur{border:1px solid black;}
.menubordur {border: #000 solid 1px; border-top:0;}
.d img{display:block; }
</style>
</head>
<body class="marginpadding">
<!-- ШАПКА -->
<table class="bordur" width="100%" cellspacing="0" cellpadding="0" >
<tr >
<td colspan="2" class="shapkafon">
<img src="img/header.jpg" height="180" align="left" >
</td>
</tr>
<!-- СЕРЕДИНА -->
<tr >
<td width="15%">
<div class="d">
<img src="img/videoyroki.png" >
<img src="img/n1.png" >
</div>
</td>
<td class="bordur" > С новым годом!</td>
<td width="15%">
<div class="d">
<img src="img/videoyroki.png" >
<img src="img/n1.png" >
</div>
</tr>
</table>
</body>
</html> |
Происходит обрезка изображения,
но как быть если у меня панель навигации слева и справа, оно обрежет его справа, как сделать так чтоб не обрезало,чтоб не обрезало правую часть, 3-ую ячеку 2 строки таблицы?