http://kerch-public.at.ua вышлю 10$ кто найдет и пояснит баг !!! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>мегасайт</title> <link href="css/style.css" type="text/css" rel="stylesheet"> <script src="js/jquery-1.5.min.js" type="text/javascript"></script> <script src="js/equalHeight.js" type="text/javascript"></script> </head> <body id="homepage"> <div id="wrapper"> <div id="header"><!--#include virtual="navbar.html"--><ul id="navbar"> <li><a href="index.html" class="home">главная</a></li> <li><a href="contact.html" class="ad">контакты</a></li> <li><a href="digest.html" class="digest">файлы</a></li> <li><a href="live.html" class="live">дайджест</a></li> <li><a href="files.html" class="files">объявления</a></li> <li><a href="non.html" class="non">живая</a></li> <li><a href="non1.html" class="non1">вход</a></li> <li><a href="non2.html" class="non2">выход</a></li> </ul><!--конец навбара--><img src="image/lara.png" width="105" height="105" id="lara"> <div class="ImgField" id="field"> <a href="http://sim-public.at.ua"target="_blank" title="0661519723"><img class="image first" src="image/log.png" width="235" height="75"/></a> <a><img class="image second" src="image/log2.png" width="235" height="75"/></a> </div> </div> <div id="fix"> <a href="#wrapper"><img src="image/fix.png" width="25" height="180"></a> </div> <div id="sidebarL"><p align="center"><img src="image/bird.png" width="90" height="90" id="bird"> Снежною каймой Распустились кисти Белой бахромой. Снежною каймой Распустились кисти Белой бахромой. .</p><hr> <p align="center"><img src="image/logo.png" width="50" height="50" id="logo"> И стоит береза В сонной тишине, И горят снежинки В золотом огне. .</p></div> <div id="sidebarR"><p align="center">Снежною каймой Распустились кисти Белой бахромой. И стоит береза </p></div> <div id="content" ><p align="center">Снежною каймой Распустились кисти Белой бахромой. И стоит береза На пушистых ветках Снежною каймой </p><!--див в диве--><div align="center"><p align="center">Видео с youtube</p> <iframe align="center" width="320" height="215" src="http://www.youtube.com/embed/LjgIPVRmKeg" frameborder="0" allowfullscreen></iframe> </div><!--конец див в дива--></div> <div id="content1"><p align="center"> Снежною каймой Распустились кисти Белой бахромой. И стоит береза</p> <h1 align="center">"Хлебные Главки"</h1> <p align="center"><img src="image/bird.png" width="90" height="90" id="bird"></p> </div> </div> <div class="clear"></div> <div id="footer"><p align="center"> Снежною каймой Распустились кисти Белой бахромой. И стоит береза </p></div> </div> </body> </html> body { /*background-color:#0DE31B; background-image:url(../image/bg.png);*/ font:11px Verdana; } #wrapper{ width:1200px; border:1px solid #FFFF17; border-radius:25px; padding:10px; margin:0 auto; min-width:450px; max-width:1200px; } #header { position:relative; height:75px; border:4px dashed #03d6fc; border-radius:25px; background-image:url(../image/cutpolosa.png); background-repeat:repeat-x; margin-bottom:20px; margin-top:20px; } /*блок спрайт*/ a { outline: none; /* Убираем границу вокруг ссылок */ } ul#navbar {width: 800px; list-style: none; position:absolute; left:157px; top:33px; } ul#navbar li {display: inline;} ul#navbar li a {float: left; height: 50px;/*высота меню*/ background: url(../image/sprite.png) no-repeat; text-indent: -9999px; } /**/ ul#navbar li a.home {width: 100px; background-position: 0px 0px; } ul#navbar li a.home:hover {background-position: 0px -50px; } body#homepage ul#navbar li a.home {background-position:0 -100px;} ul#navbar li a.ad {width: 100px; background-position: -100px 0px; } ul#navbar li a.ad:hover {background-position: -100px -50px; } body#contact ul#navbar li a.ad {background-position:-100px -100px;} ul#navbar li a.digest {width: 100px; background-position: -200px 0px; } ul#navbar li a.digest:hover {background-position: -200px -50px; } body#files ul#navbar li a.digest {background-position:-200px -100px;} ul#navbar li a.live {width: 100px; background-position: -300px 0px; } ul#navbar li a.live:hover {background-position: -300px -50px; } body#live ul#navbar li a.live {background-position:-300px -100px;} ul#navbar li a.files {width: 100px; background-position: -400px 0px; } ul#navbar li a.files:hover {background-position: -400px -50px; } body#list ul#navbar li a.files {background-position:-400px -100px;} ul#navbar li a.non {width: 100px; background-position: -500px 0px; } ul#navbar li a.non:hover {background-position: -500px -50px; } body#non ul#navbar li a.non {background-position:-500px -100px;} ul#navbar li a.non1 {width: 100px; background-position: -600px 0px; } ul#navbar li a.non1:hover {background-position: -600px -50px; } body#non1 ul#navbar li a.non1 {background-position:-600px -100px;} ul#navbar li a.non2 {width: 100px; background-position: -700px 0px; } ul#navbar li a.non2:hover {background-position: -700px -50px; } body#non2 ul#navbar li a.non2 {background-position:-700px -100px;} /*конец спрайта*/ /**блок отвечающий за перелив картинки**/ .image.first, .image.second { border : transparent solid 2px; margin : 0; padding : 0; } .image.first { display : block; position : absolute; z-index : 100; transition-duration : 0.96s; } .image.first:hover { opacity : 0; } div.ImgField { display : inline-block; position : absolute; background-position : center center; background-repeat : no-repeat; margin : 0; padding : 0; } #field { position : absolute; left : -20px; top : 5px; z-index : 1; } /**конец блока перелива картинки**/ hr { border: none; /* Убираем границу для браузера Firefox */ color:#0DE31B ; /* Цвет линии для остальных браузеров */ background-color: #0DE31B; /* Цвет линии для браузера Firefox и Opera */ height: 1px; /* Толщина линии */ width:180px; /*длинна линии*/ } #fix{ position:fixed; width:25px; height:180px; top:150px; left:0; } #lara{ position:absolute; left:1000px; top:-30px; } #content g{ padding:5px 10px; } p ,h1{ text-indent:10px; /*игра теней text-shadow: -1px -1px , 1px 4px #000000; */ color:#ffffff; padding:7px 19px; } #sidebarR { border-right:2px solid #03d6fc; border-top:2px solid #03d6fc; border-bottom:2px solid #03d6fc; border-radius:25px; background-image:url(../image/bbr.png); margin-bottom:12px; width:200px; float:right; } #sidebarL { border:2px solid #03d6fc; border-radius:25px; background-image:url(../image/bb.png) ; margin-bottom:12px; width:200px; float:left; } #content { border-right:2px solid #03d6fc; border-top:2px solid #03d6fc; border-bottom:2px solid #03d6fc; border-radius:25px; background-image:url(../image/bbg.png); /*background: rgba(227,36,208, 0.7);прозрачность в firefox свойство за коментарий */ margin-bottom:12px; width:389px; margin-left:4px; float:left; } /*работа с классом и индетификатором */ .big#content{border-right:2px solid #03d6fc; border-top:2px solid #03d6fc; border-bottom:2px solid #03d6fc; border-radius:25px; background-image:url(../image/bbg.png); margin-bottom:12px; width:785px; margin-left:4px;} .lev#content1{display:none; /*работа с классом и индетификатором */ } #content1{ border-right:2px solid #03d6fc; border-top:2px solid #03d6fc; border-bottom:2px solid #03d6fc; border-radius:25px; background-image:url(../image/bbp.png); margin-bottom:12px; width:389px; margin-left:602px; } .clear { clear:both; } #footer { height:74px; background-image:url(../image/cutpolosa.png); border:2px solid #03d6fc; border-radius:25px; margin-bottom:12px; }
