<html> <head> <link rel="stylesheet"type="text/css"href="style3.css"> </head> <body > <table width="100%" border="0" cellspacing="0" cellpadding="0"> <div id="shapka"> </div> <div id="menuup" > <ul> <li ><a href="#"></a></li> </ul> </div> <div id="cont"> <div id="left_menu"> <div class="shadown"> <div class="blokn"> <ul> <li> <strong> <span class="colortext"> печать </span></strong> <h4><a href="">печать на холсте</a></h4> </li><br> <li> <strong> <span class="colortext">багетные работы</span></strong> <h5><a href="">оформление в багет</a></h5> </li><br> </div> </div> </div> <div id="news"> <div class="shadows"> <div class="bloks"> <h2>Статьи про печать .....<br></h2><br> <h3>Печать постеров для интерьера </h3> <p>Как и много лет назад в наше время Важную роль в оформлении интерьерера играют картины и постеры. <br>Для Вас мы предлагаем изготовление красочных постеров и репродукций картин очень близких к <a href="dalhe1.html">оригиналу</a><br> </p><br> <h3>Печать на плоттере </h3> <p>Если Вы студент, с <a href="dalhe2.html"> этим </a><br> </p><br> <h3>Изготовление репродукций</h3> <p>Предлагаем Вам<br> </p><br> <h3>ЛАМИНАЦИЯ</h3> </div> </div> </div> <div id="content"> <div class="shadow"> <div class="blok"> <a href="dalhe4.html"><img src="img/galleri12.gif" align="top left" border="0px" alt="Галерея работ." width="472" height="222" ></a> <p>Lorem Ipsum is simply </p> </div> </div> </div> </div> <div id="footer">подвал</div> </body> </html> *{ margin: 0px; padding: 0px; } #body { padding-bottom: 0px; margin:0px; padding-left:0px; padding-right:0px; background:#d6d6d6; padding-top:0px; width: 900px; } #shapka{ margin-top: 3px; background-color: url(img/osnova112.gif); padding-top: 25px; padding-bottom: 143px; margin-left: 8%; margin-right: 8%; background-image: url(img/osnova112.gif); } #menuup{ height: 28px; background-color: #6da610; width: 1055px; padding-left: 2px; padding-right: -10px; padding-bottom: 1px; padding-top: 6px; margin-left: 99.6px; margin-right:30px; margin-top: 0px; font-family: Arial; font-size: 15px; font-style: normal; color: #6da610; text-decoration: none; font-weight: 83.2%; text-align: center; white-space: normal; } ul{ padding: 0px; margin-left: 10px; } #menuup a:link{ text-decoration: none; } #menuup a:visited{ text-decoration: none; color: Olive; } #menuup a:active{ text-decoration: none; } #menuup a:hover{ color: White; font-size: 17px; } #menuup a{ color: White; } #left_menu a{ color: #444546; text-decoration: none; font-size: 11px; font-family: Arial; } .colortext{ color: #F36523; font-size: 18px; text-decoration: none; font-family: Arial; } #menuup li{ float: left; width:167px; text-align: center; padding-bottom: 0px; } li{ list-style-type: none; } #left_menu{ margin-top: 0px; float: left; width:220px; background-color: #ffffff; padding-top: 0px; padding-bottom: 25px; margin-left:0px; margin-right: 12%; padding-left:8%; } .shadown{ background: #9a9696; border: 1px solid #ddd; position: inherit; } .blokn{ background: #f9f9f2; position: relative; padding: 5px; bottom: 1px; right: 2px; } #cont{ position: relative; background-color: White; } #news{ position: absolute; width: 290px; right: 26px; top: 0px; background-color: #F0F0F0; margin-left: 10%; margin-right: 6%; float: right; } #content{ margin-left: 329px; margin-right: 400px; background-color: #DBDBDB; } a.img{ display: block; width: 472px; height: 222px; margin: 10px auto; text-decoration: none; } .shadows{ background: #9a9696; border: 1px solid #ddd; position: inherit; } .bloks{ background: #f0f0f0; position: relative; padding: 5px; bottom: 1px; right: 2px; } .shadow{ background: #9a9696; border: 1px solid #ddd; position: inherit; } .blok{ background: #dbdbdb; position: relative; padding: 5px; bottom: 1px; right: 2px; } #footer{ position: relative; margin-top: -2.5em; height: 2.5em; } Скриншот не смогла вставить сюда , получается что рисунок висит сам по себе ,не подчиняется никаким тэгам