Решил заюзать длля очередного сайта библиотеку jQuery WSlide от http://www.webinventif.fr/wslide-plugin/ Обнаружил такое в одном из скачанных шаблонов с названием boutique jn ThemeForest ссыла http://allday.ru/index.php?newsid=464186 всякие javascript красивости для отображения контента и не только. не могу добиться, чтобы в меню сайта отображало "активную страницу" другим стилем CSS суть в том, что весь контент и весь сайт располагается на одной странице, а скриптом просто выводятся отдельные блоки по ID a:active в этом случае бессилен в самом СSS шаблоне есть такая строка в меню .wactive именно она отвечает за отображение "активного пункта меню" HTML: .menu { width: 250px; margin: 0 auto; } .menu li { border-bottom: 1px dotted #ccc; line-height: 30px; } .menu a { color: #222; } .menu a:hover { color: #444; } .wactive { padding-left: 5px; } но при попытке тупо вставить это (естественно с нужным мне стилем CSS) в свой код у меня ничо не происходит активный пункт меню не отображается типа HTML: .menu { position: relative; z-index: 300;width: 900px; margin-left: 88px; margin-top: 70px;} .menu ul {list-style-type: none;} .menu li a {float: left; width: 150px; height: 60px; text-align: center; font: 14pt Arial; padding: 20px 20px 20px 20px; font-weight: bold; text-decoration: none; color: #eee; background: #680000; border: 1px solid #686868; margin: 2px; } .menu a:hover {color: #eee; background: #004141; border: 1px solid #ccc;} .wactive { color: #eee; background: #004141; border: 1px solid #ccc; } .menu li ul a {margin-left: -1px; width: 180px; background: #f4f4f4; border: 1px solid #ddd;} .menu li ul a:hover {background: #f1f1f1; border: 1px solid #e5e5e5;} чо делать?) если кому надо вот полный код шаблона, где все это работает HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Company Name</title> <link rel="stylesheet" href="reset.css" /> <link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="photo.css" /> <script type="text/javascript" charset="utf-8" src="js/jquery-1.3.2.min.js" ></script> <script type="text/javascript" charset="utf-8" src="js/jquery.wslide.js" ></script> <script type="text/javascript" charset="utf-8" src="js/jquery.prettyPhoto.js" ></script> <script type="text/javascript" charset="utf-8" src="js/unitpngfix.js" ></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("#pageitem").wslide({ width: 620, height: 520 }); $("a[rel^='gallery']").prettyPhoto({ animationSpeed: 'normal', /* fast/slow/normal */ padding: 30, /* padding for each side of the picture */ opacity: 0.85, /* Value betwee 0 and 1 */ showTitle: true, /* true/false */ allowresize: true, /* true/false */ counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */ theme: 'light_rounded', /* light_rounded / dark_rounded / light_square / dark_square */ hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */ modal: false, /* If set to true, only the close button will close the window */ changepicturecallback: function(){}, /* Called everytime an item is shown/changed */ callback: function(){} /* Called when prettyPhoto is closed */ }); }); </script> </head> <body> <div id="pagewrapper"> <div id="pagebg"> <div id="content"> <div id="left"> <!-- Left Part of the Page --> <ul id="pageitem"><!-- Different Pages listed by <li> elements --> <li><img src="img/home.jpg" width="620" height="520" alt="Home" /></li> <li> <img src="img/about-us.jpg" width="620" height="210" alt="About Us" /> <h2>About us</h2> <div class="tabcontent"><p>His ad copiosae erroribus, has eu mucius cotidieque concludaturque. No appareat iracundia complectitur eum, pri an euismod corrumpit, zzril animal mnesarchum id sed. Ex duis erat persius est, ne vis assum timeam tamquam, rebum quaeque civibus in qui. Populo animal dissentiunt in eos. Ludus molestie ut vix, eum eros lobortis id.</p> <p>His ad copiosae erroribus, has eu mucius cotidieque concludaturque. No appareat iracundia complectitur eum, pri an euismod corrumpit, zzril animal mnesarchum id sed. Ex duis erat persius est, ne vis assum timeam tamquam, rebum quaeque civibus in qui. Populo animal dissentiunt in eos. Ludus molestie ut vix, eum eros lobortis id.</p> </div> </li> <li> <img src="img/menu.jpg" width="620" height="210" alt="Menu" /> <h2>Menu</h2> <div class="tabcontent"><p>His ad copiosae erroribus, has eu mucius cotidieque concludaturque. No appareat iracundia complectitur eum, pri an euismod corrumpit, zzril animal mnesarchum id sed. Ex duis erat persius est, ne vis assum timeam tamquam, rebum quaeque civibus in qui. Populo animal dissentiunt in eos. Ludus molestie ut vix, eum eros lobortis id.</p></div> </li> <li> <h2>Photo gallery</h2> <div class="tabcontent"> <div class="gallery"> <a href="img/gallery-item-01.jpg" rel="gallery" title="gallery-item-01"><img src="img/tgallery-item-01.jpg" width="150" height="120" alt="gallery-item-01" /></a> <a href="img/gallery-item-02.jpg" rel="gallery" title="gallery-item-02"><img src="img/tgallery-item-02.jpg" width="150" height="120" alt="gallery-item-01" /></a> <a href="img/gallery-item-03.jpg" rel="gallery" title="gallery-item-03"><img src="img/tgallery-item-03.jpg" width="150" height="120" alt="gallery-item-01" /></a> <a href="img/gallery-item-04.jpg" rel="gallery" title="gallery-item-04"><img src="img/tgallery-item-04.jpg" width="150" height="120" alt="gallery-item-01" /></a> <a href="img/gallery-item-05.jpg" rel="gallery" title="gallery-item-05"><img src="img/tgallery-item-05.jpg" width="150" height="120" alt="gallery-item-01" /></a> <a href="img/gallery-item-06.jpg" rel="gallery" title="gallery-item-06"><img src="img/tgallery-item-06.jpg" width="150" height="120" alt="gallery-item-01" /></a> <a href="img/gallery-item-07.jpg" rel="gallery" title="gallery-item-07"><img src="img/tgallery-item-07.jpg" width="150" height="120" alt="gallery-item-01" /></a> <a href="img/gallery-item-08.jpg" rel="gallery" title="gallery-item-08"><img src="img/tgallery-item-08.jpg" width="150" height="120" alt="gallery-item-01" /></a> <a href="img/gallery-item-09.jpg" rel="gallery" title="gallery-item-09"><img src="img/tgallery-item-09.jpg" width="150" height="120" alt="gallery-item-01" /></a> </div> </div> </li> <li> <img src="img/prices.jpg" width="620" height="210" alt="Prices" /> <h2>Prices</h2> <div class="tabcontent"><p>His ad copiosae erroribus, has eu mucius cotidieque concludaturque. No appareat iracundia complectitur eum, pri an euismod corrumpit, zzril animal mnesarchum id sed. Ex duis erat persius est, ne vis assum timeam tamquam, rebum quaeque civibus in qui. Populo animal dissentiunt in eos. Ludus molestie ut vix, eum eros lobortis id.</p></div> </li> <li> <img src="img/contact-us.jpg" width="620" height="210" alt="Contact Us" /> <h2>Contact Us</h2> <div class="tabcontent"><p>Simul tantas nostrum at has, his id postulant cotidieque, in eum omnium mediocrem moderatius! Pro oratio scriptorem ei, causae accusata est te. Ex quod nonummy has, usu et !</p> <div class="contactleft"> <form action="" method="post" class="ajax_form"> <fieldset> <p><label for="name">Name:</label><input name="yourname" class="text" type="text" id="name" size="20" value=''/></p> <p><label for="email">E-Mail:</label><input name="email" class="text" type="text" id="email" size="20" value='' /></p> <p><label for="message">Message:</label><textarea name="message" class="text_area empty" cols="40" rows="7" id="message" ></textarea></p> <p> <input name="Send" type="submit" value="Send" class="submit" id="send" size="16"/> </p> </fieldset> </form> </div> <div class="contactright"> Aktek Sitesi F Blok D4<br /> 1.Levent / 34340 <br /> Istanbul / Turkey<br /> <br /> Phone: 0555 333 22 11<br /> Fax: 0555 222 11 11 </div> </div> </li> </ul> </div><!-- End of Left Part of the Page --> <div id="right"><!-- Right Part of the Page --> <div id="logo"></div> <div class="menu" id="pageitem-menu"> <!-- PageNavigation --> <ul> <li><a class="" href="#pageitem-1">Home</a></li> <li><a class="" href="#pageitem-2">About Us</a> </li> <li><a class="" href="#pageitem-3">Menu</a> </li> <li><a class="" href="#pageitem-4">Photo Gallery</a> </li> <li><a class="" href="#pageitem-5">Prices</a> </li> <li><a class="" href="#pageitem-6">Contact Us</a> </li> </ul> </div><!-- End of Left Part of the Page --> </div> </div> </div> </div> <div id="copyright"> Copyright © Your Company Name</div> </body> </html>