У меня картинка-шапка размером 1240Х185 Как сделать чтоб она нормально отображалась во всех браузераз при разных разрешениях?
Может при маленьком разрешении экрана лучше её обрезать? Попробовал растягивать получаеться какие-то буквы суженые и не очень красиво смотриться, что можно придумать? Или может картинку делать меньшим размером на фотошопе?
Хочу чтоб так растягивалась на всю ширину шапка как на этом сайте:
http://ruseller.com
|
Код:
|
<!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">
.body{min-width:600px;}
.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 width="100%" class="bordur" cellspacing="0" cellpadding="0" >
<tr >
<td colspan="2">
<img src="1.jpg" width="100%" height="180" align="center" >
</td>
</tr>
<!-- СЕРЕДИНА -->
<tr >
<td width="15%">
<div class="d">
<img src="videoyroki.png" >
<img src="n1.png" >
</div>
</td>
<td class="bordur" > С новым годом!</td>
</tr>
</table>
</body>
</html> |