Jump to content
  • 0

Проблемы с меню


psics
 Share

Question

Добрый день.

Проблема слудующего характера.

На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить.

выложу файлы главной и ксс - вот они

Добрый день.

Проблема слудующего характера.

На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить.

выложу файлы главной и ксс - вот они

main

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

<head>

{headers}

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />

<link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />

<link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />

<script language="JavaScript" type="Text/Javascript">

<!--

function addBookmark(title,url) {

if (window.sidebar) {

window.sidebar.addPanel(title, url,"");

} else if( document.all ) {

window.external.AddFavorite( url, title);

} else if( window.opera && window.print ) {

return true;

}

}

//-->

</script>

<!--[if gte IE 5.5]>

<script language="JavaScript" src="nav-h.js" type="text/JavaScript"></script>

<![endif]-->

</head>

<body>

{AJAX}

<div class="pagebg">

<div class="wrapper">

<div class="header">

<h1><a class="thide" href="/" title="SkyBack.ru - Обратная сторона неба">SkyBack.ru - Обратная сторона неба</a></h1>

{login}

</div>

<div class="topmenu"><div><div>

<ul class="lcolomn reset">

<li [aviable=main]class="active"[/aviable]><a href="/"><b>Головна</b></a></li>

<li [category=2]class="active"[/category]><a href="/news"><b>Новини</b></a></li>

<li [aviable=feedback]class="active"[/aviable]><a href="/index.php?do=feedback"><b>Контакти</b></a></li>

</ul>

<form action="" name="seatchform" method="post">

<input type="hidden" name="do" value="search" />

<input type="hidden" name="subaction" value="search" />

<ul class="rcolomn reset">

<li class="sh-text"><input name="story" value="Пошук" onblur="if(this.value=='') this.value='Пошук';" onfocus="if(this.value=='Найду все что хочешь') this.value='';" type="text" /></li>

<li class="sh-btn"><input title="Найти" alt="Найти" type="image" src="{THEME}/images/spacer.gif" /></li>

</ul>

</form>

</div></div></div>

<div class="vsep"><div class="vsep"><div class="vsep"><div class="vsep">

<div class="rcolomn midside">

<div class="container">

<div class="lcolomn mainside">

<div class="brcont">

{info}

{content}

</div>

</div>

<div class="rcolomn rightside">

{vote}

<div class="block">

<h3>Реклама</h3>

<img src="{THEME}/images/banner_190x300.jpg" alt="" />

</div>

<div class="block btags">

<h3>Теги</h3>

{tags}

</div>

<img src="{THEME}/images/rightboxfoot.jpg" alt="" />

</div>

</div>

</div>

<div class="lcolomn leftside">

<div class="leftvnavi"><div>

<!-- Start PureCSSMenu.com MENU -->

<ul class="pureCssMenu pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="/">Головна сторінка</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Про Краснопільский район</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Загальна інформація</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Символіка Краснопільского району<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Адміністративно-територіальний устрій<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Про районну раду</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Керівництво</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Депутати</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Президія</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Депутатські фракції</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Депутатські групи</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Постійні комісії</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Регламент роботи</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Виконавчий апарат</a></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Актуальні новини</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Сільські та селищні ради</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Краснопільска селищна рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Угроїдська селищна рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Бранцівська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Великобобрицька сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Грабовська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Запсільська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Малорибицька сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Мезенівська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Миропільська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Осоївська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Покровська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Ряснянська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Самотоївська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Сіннівська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Славгородська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Тур'янська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Хмелівська сільська рада</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Чернеччинська сільська рада</a></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Плани заходів</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Вітання</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Документи районної ради</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Програми</a></li>

</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Регуляторна діяльність</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Звернення громадян</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Доступ до публічної інформації</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="#">Контактні дані</a></li>

</ul>

<!-- End PureCSSMenu.com MENU -->

</div></div>

<div class="lbox"><div class="lbox">

<div class="block btopnews">

<h3>Популярне</h3>

<ul class="reset">

<ul>{topnews}</ul>

</ul>

</div>

</div></div>

<div class="lboxfoot">

<div class="block bfriends">

<h3>Сайти друзів</h3>

<ul class="reset">

<li><a href="http://myhyundai.info" target="_blank">Hyundai Solaris</a></li>

<li><a href="http://wordlautonews.info" target="_blank">Kia Rio 2012</a></li>

</ul>

</div>

</div>

</div>

<div class="clr"></div>

</div></div></div>

<div class="footer"><div><div>

<ul class="reset">

<li class="lcolomn">

<b>© <a href="http://hause-sale.info">Краснопільська районна рада</a> 2011 </b><br />

</li>

<li class="rcolomn">

<ul>

<!— Счетчики —>

<li><a href="#"><img src="{THEME}/images/count.png" /></a></li> <li><a href="#"><img src="{THEME}/images/count.png" /></a></li> <li><a href="#"><img src="{THEME}/images/count.png" /></a></li>

</ul>

</li>

</ul>

</div></div></div>

</div>

</div>

<br />

</div>

</body>

</html>

css

/* Author: Rumin Sergey | Copyright: CENTROARTS.com | e-mail: sale@centroarts.com | URL: http://www.centroarts.com

License: Шаблон разработан студией CENTROARTS, по индивидуальному заказу сайта http://skyback.ru

Запрещено распространение файлов данного шаблона в любом виде, как на коммерческой так и на некоммерческой основе.

Все права принадлежат автору. */

/* Общие настройки страницы */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

body { text-align: center; font: 13px/18px "Trebuchet MS", Arial, Verdana, sans-serif; background-color: #dfeaef; }

h1, h2, h3, h4, h5 { line-height: normal; }

h1 { font-size: 1.8em; } h2 { font-size: 1.7em; } h3 { font-size: 1.35em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; }

/* настройка ссылок */

a { color: #3d97c0; text-decoration: none; }

a:hover { color: #990033; }

a img { border: 0 none; }

/* прочие стили */

input, textarea, select { font: 13px/18px "Trebuchet MS", Arial, Verdana, sans-serif; }

input, textarea, select, a { outline: none; }

p { margin-bottom: 0.4em; }

.clr { clear: both; }

hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; }

ul { padding-left: 16px; list-style-position:outside; list-style-image:none; }

ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; }

/* сброс настроек таблиц и списков */

table { border-collapse: collapse; border-spacing: 0; }

.reset, .reset li { list-style: none; padding: 0; margin: 0; }

.pagebg { overflow: hidden; background: url("../images/pagebg.png") repeat-x; }

.wrapper { min-width: 990px; max-width: 1440px; width: 92%; text-align: left; margin: 0 auto; }

.wwide { min-width: 996px; width: 100%; }

.header h1, .lcolomn, .rcolomn { display: inline; }

.lcolomn { float: left; }

.rcolomn, .arg { float: right; }

.thide { overflow: hidden; display: block; height: 0; }

.navi li a, .enterbtn { text-decoration: none !important; }

/*header*/

.header { padding-right: 15px; height: 90px; overflow: hidden; }

.header h1 a { float: left; width: 232px; padding-top: 90px; background: url("../images/skyback_ru.png") no-repeat; }

/*Авторизация*/

.loginblock, .loginlinks { display: inline; }

.loginbox { margin: 33px 0 0 10px; float: right; width: 293px; height: 25px; background: #3e96be url("../images/loginform.png") no-repeat; position: relative; }

.loginbox li input { border: 0 none; background: none; font-size: 0.9em; }

.loginbox li { float: left; height: 25px; }

.flogin { width: 124px; }

.fpass { width: 109px; }

.loginbox li span { font-size: 0.9em; color: #9db5bf; padding-left: 5px; float: left; position: absolute; top: -20px; }

.flogin input, .fpass input { color: #fff; margin: 4px 0 0 5px; width: 115px; height: 15px; }

.fpass input { width: 100px; }

.fbtn, .lbtn { width: 60px; height: 25px; }

.loginbox li .lbtn { cursor: pointer; padding-bottom: 3px; background: #fff url("../images/loginform.png") no-repeat 0 -25px; font-size: 1em; color: #3e96be; }

.loginbox li .lbtn:hover { background-position: -60px -25px; }

.loginlinks { float: right; margin-top: 33px; line-height: 24px; }

.loginlinks li { float: left; margin-left: 10px; }

.loginenter { float: right; text-align: right; }

.loginenter h3 { font-size: 1.1em; color: #4c5a68; margin-top: 24px; }

.loginenter ul li { float: left; margin-left: 12px; }

/*горизонтальное меню*/

.topmenu { margin-bottom: 33px; }

.topmenu, .topmenu div { height: 59px; background: #3890b9 url("../images/topmenu.png") repeat-x 0 -118px; }

.topmenu div { background: url("../images/topmenu.png") no-repeat; padding: 0 0 0 2px; }

.topmenu div div { overflow: hidden; background-position: 100% -59px; padding: 0 15px 0 0; }

.topmenu .lcolomn li, .topmenu .lcolomn li a, .topmenu .lcolomn li a b { cursor: pointer; float: left; height: 42px; background: url("../images/topmenulink.png") no-repeat -999px 0; }

.topmenu .lcolomn li a { padding: 0 0 0 17px; color: #c5e3f0; font-size: 1.1em; line-height: 48px; }

.topmenu .lcolomn li a b { padding-right: 17px; }

.topmenu .lcolomn li a:hover { color: #fff; }

.topmenu .lcolomn li.active a { color: #368db5; background-position: 0 0; }

.topmenu .lcolomn li.active a b { background-color: #fff; background-position: 100% -42px; }

/*searchform*/

.topmenu .rcolomn { width: 199px; height: 23px; margin-top: 14px; background: #114965 url("../images/search.png") no-repeat; }

.topmenu .rcolomn li { float: left; height: 23px; }

.topmenu .rcolomn li input { font-size: 0.9em; color: #fff; border: 0 none; background: none; }

.sh-text { width: 166px; overflow: hidden; }

.topmenu .rcolomn .sh-text input { width: 155px; margin: 2px 3px 0 8px; display: block; }

.topmenu .rcolomn .sh-btn input { width: 33px; height: 23px; background: #fff url("../images/search.png") no-repeat -166px 0; }

.topmenu .rcolomn .sh-btn input:hover { background-position: -199px 0; }

.searchform .sinput { float: left; width: 140px; }

.searchform .submit { padding: 2px 0 3px 0; cursor: pointer; background: #26323a url("../images/search.png") no-repeat 100% 0; color: #fff; position: absolute; right: 0; top: 0; width: 58px; height: 23px; }

.searchform .submit:hover { background-position: 100% -23px; }

/*структура блоков и контента*/

.vsep { padding-left: 200px; }

.vsep .vsep { padding: 0; width: 100%; background: #fff url("../images/vsepmid.png") repeat-y 100% 0; }

.vsep .vsep .vsep { background: url("../images/vsepbtm.png") no-repeat 100% 100%; }

.vsep .vsep .vsep .vsep { background: url("../images/vseptop.png") no-repeat 100% 0; }

.container, .midside, .rightside, .mainside, .leftside { overflow: hidden; }

.container { padding: 0 225px 0 0;}

.leftside { width: 200px; margin: 0 0 0 -200px; }

.rightside { padding-top: 5px; width: 225px; margin: 0 -225px 0 0; }

.midside, .mainside { width: 100%; }

.mainside { padding-top: 15px; background: url("../images/radmside.png") no-repeat; }

.brcont { border: 1px solid #dee4e8; margin: 0 15px; overflow: hidden; }

/*скругление обьектов не для IE*/

.brcont, .fbutton, .imagestory, .berrors, .navigation span, .infoblock, .btn_reglog { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

/* нижняя часть сайта */

.footer, .footer div { height: 90px; background: url("../images/footer.png") no-repeat; }

.footer { color: #fff; font-size: 0.9em; background: #489fc6 url("../images/footer.png") repeat-x 0 -90px; }

.footer div div { overflow: hidden; background-position: 100% -180px; padding: 0 15px 0 188px; }

.footer ul.reset { margin-top: 31px; }

.footer .lcolomn a { color: #fff; }

.footer .lcolomn span, .footer .lcolomn span a { color: #c1ebfd; }

.footer .rcolomn ul { display: inline; padding: 0; list-style: none; }

.footer .rcolomn ul li { float: left; width: 88px; margin: 2px 0 0 8px; }

/*Прозрачность счетчиков*/

.footer .rcolomn ul li { opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); }

.footer .rcolomn ul li:hover { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }

/*leftvnavi - вертикальная навигация слева*/

.leftvnavi { padding-top: 15px; width: 200px; background: #489fc6 url("../images/leftvnavi.png") no-repeat; }

.leftvnavi div { padding-bottom: 102px; overflow: hidden; background: url("../images/leftvnavi.png") no-repeat 100% 100%; }

.leftvnavi ul { font-size: 1.1em; margin: -2px 10px 0 10px; }

.leftvnavi ul a { display: block; width: 100%; padding: 7px 0 6px 0; color: #d0e1e8; background: url("../images/leftvnaviline.png") no-repeat; }

.leftvnavi ul a b { padding-left: 25px; background: url("../images/leftvnaviarrow.png") no-repeat 11px 50%; }

.leftvnavi ul a:hover { color: #fff; }

#pcm{display:none;}

ul.pureCssMenu ul{display:none}

ul.pureCssMenu li:hover>ul{display:block}

ul.pureCssMenu ul{position: absolute;left:98%;top:-1px;}

ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}

ul.pureCssMenu,ul.pureCssMenu ul {

margin:0px;

list-style:none;

padding:0px 1px 1px 0px;

background-color:#64accd;

background-repeat:repeat;

border-color:;

border-width:0px;

border-style:solid;

}

ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {

display:block;

zoom:1;

_width:243.60000000000002px;

float: left;

}

ul.pureCssMenu ul{

width:298.2px;

}

ul.pureCssMenu li{

display:block;

margin:1px 0px 0px 1px;

font-size:0px;

}

ul.pureCssMenu a:active, ul.pureCssMenu a:focus {

outline-style:none;

}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {

display:block;

vertical-align:middle;

zoom:1;

background-color:#64accd;

border-width:0px;

border-color:#E4E1DE;

border-style:solid;

text-align:left;

text-decoration:none;

padding:4px;

_padding-left:0;

font: 12px Tahoma;

color: #fff;

text-decoration:none;

cursor:default;

}

ul.pureCssMenu span{

overflow:hidden;

}

ul.pureCssMenu ul li {

float:none;

}

ul.pureCssMenu ul a {

text-align:left;

white-space:nowrap;

}

ul.pureCssMenu li.sep{

text-align:left;

padding:0px;

line-height:0;

}

ul.pureCssMenu li.sep span{

float:none; padding-right:0;

width:100%;

height:3;

display:inline-block;

background-color:; background-image:none;

}

ul.pureCssMenu li:hover{

position:relative;

}

ul.pureCssMenu li:hover>a{

background-color:#64accd;

border-color:#FFFFFF;

border-style:solid;

font: 12px Tahoma;

color: #990033;

text-decoration:none;

}

ul.pureCssMenu li a:hover{

position:relative;

background-color:#64accd;

border-color:#FFFFFF;

border-style:solid;

font: 12px Tahoma;

color: #990033;

text-decoration:none;

}

ul.pureCssMenu li.dis a {

color: #AAAAAA !important;

}

ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;

height:24px;

}

ul.pureCssMenu ul img {width:16px;

height:16px;

}

ul.pureCssMenu img.over{display:none}

ul.pureCssMenu li.dis a:hover img.over{display:none !important}

ul.pureCssMenu li.dis a:hover img.def {display:inline !important}

ul.pureCssMenu li:hover > a img.def {display:none}

ul.pureCssMenu li:hover > a img.over {display:inline}

ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}

ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}

ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}

ul.pureCssMenu a:hover ul ul{display:none}

ul.pureCssMenu span{

display:block;

background-image:url(../images/arrow_sub5.gif);

background-position:right center;

background-repeat: no-repeat;

padding-right:12px;}

ul.pureCssMenu li:hover>a>span{ background-image:url(../images/arrow_main4.gif);

}

ul.pureCssMenu a:hover span{ _background-image:url(../images/arrow_main4.gif)}

ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(../images/arrow_sub5.gif)}

ul.pureCssMenu ul li:hover > a span{ background-image:url(../images/arrow_main4.gif);}

ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:url(../images/arrow_main4.gif)}

ul.pureCssMenu table a:hover table span{background-image:url(../images/arrow_sub5.gif)}

/* группа блоков слева */

.lbox { padding: 20px 0 0 0; width: 200px; background: #f2f6f8 url("../images/lbox.png") no-repeat; }

.lbox .lbox { padding: 0 0 114px 0; background: url("../images/lbox.png") no-repeat 100% 100%; }

.lboxfoot { min-height: 43px; background: url("../images/lbox_foot.png") no-repeat 100% 0; }

/* Оформление блоков слева*/

.addbutton { margin-bottom: 1.6em; width: 180px; height: 39px; display: block; background: url("../images/btnadd.png") no-repeat; padding: 19px 10px 7px 10px; }

.addbutton a, .createbtn a { letter-spacing: -0.04em; text-align: center; font-size: 1.4em; color: #fff; width: 180px; height: 39px; line-height: 37px; display: block; background: #3487b9 url("../images/btnadd.png") no-repeat -10px -19px; }

.addbutton a:hover { background-position: -10px -84px; }

.leftside .block { font-size: 0.9em; margin: 0 15px 2.2em 15px; width: 170px; }

.leftside .block h3 { color: #2d7fb5; line-height: normal; margin-bottom: 0.3em; }

/*настройка кнопок*/

.fbutton, .btn_reglog, .vresult { border: 0 none; background: none; cursor: pointer; font-weight: bold; }

.btn_reglog { background: #f2f2f2 url("../images/bbcodes.png") repeat-x; border: 1px solid #c5c5c5; color: #7d7d7d; width: 108px; height: 21px; padding-bottom: 3px; font-weight: bold; cursor: pointer; }

.btn_reglog:hover { background: #fff none; }

.vresult { padding: 4px 0; color: #3c97c0; cursor: pointer; font-size: 0.9em; }

.fbutton { border: 1px solid #0f5e83; height: 30px; color: #fff; font-size: 1.1em; padding: 2px 15px 4px 15px; cursor: pointer; background: #3c97c0 url("../images/fbutton.png") repeat-x; font-weight: bold; }

.fbutton:hover { background-position: 0 -30px; }

.fbutton {

-moz-box-shadow: 0 1px 4px -2px black;

-webkit-box-shadow: 0 1px 4px -2px black;

box-shadow: 0 1px 4px -2px black;

}

/*bvote*/

.bvote p { color: #5394b5; margin-bottom: 0.6em; }

.bvote .vote { padding: 2px 0; }

/*вертикальные менюшки*/

.bfriends ul li, .bstat ul li, .btopnews ul li { padding: 3px 0; border-bottom: 1px solid #b8cce1; }

.bfriends ul li a, .bstat ul li a, .btopnews ul li a { color: #071319; }

.bfriends ul li a:hover, .bstat ul li a:hover, .btopnews ul li a:hover { color: #3486b9 }

.bstat ul li, .bfriends ul li { padding-bottom: 4px; border: 0 none; background: url("../images/dotted.png") repeat-x 0 100%; }

.bfriends ul li a { padding-left: 11px; background: url("../images/bfriends.png") no-repeat 2px 50%; }

/* правые блоки */

.createbtn { display: block; margin: 0 13px 0 13px; width: 200px; height: 42px; padding: 9px 0 8px 0; background: url("../images/createbtn.png") no-repeat; }

.createbtn a { width: 200px; height: 42px; line-height: 40px; background: url("../images/createbtn.png") no-repeat 0 -9px; }

.createbtn a:hover { background-position: 0 -59px; }

.rightside .block { font-size: 0.9em; margin: 0 18px 2.4em 17px; width: 190px; }

.rightside .block h3 { color: #2d7fb5; width: 190px; margin: 0 -18px 0 -17px; padding: 0 18px 24px 17px; background: url("../images/rheadblock.jpg") no-repeat -1px 100%; }

.btags { font-size: 1em; }

/*настройка контента*/

/* центральные баннеры */

.footadblock, .topadblock { margin: 0 10px 0 10px; padding: 11px 0 8px 0; text-align: center; background: url("../images/bannerline.png") no-repeat; }

.footadblock .dcont, .topadblock .dcont { width: 468px; height: 60px; overflow: hidden; margin: 0 auto; text-align: left; }

.topadblock { padding: 8px 0 11px 0; background-position: 0 100%; margin-bottom: 2px; }

/*speedbar*/

.speedbar { font-size: 0.9em; margin: 0 14px 1.6em 14px; }

.speedbar div { background: url("../images/speedabr.png") no-repeat 0 1px; padding-left: 20px; }

/*статьи*/

.base, .basecont { margin: 0 14px; overflow: hidden; }

.basecont { margin-bottom: 1.6em; }

.hsep { height: 30px; border-top: 1px solid #dee4e8; background: url("../images/hsep.png") repeat-x; }

.shd { font-size: 0.8em; }

.shd h1 a { color: #252a2e; }

.shd h1 a:hover { color: #378fb7; }

.shd h1 { margin-bottom: 0.4em; }

/*иконки модератора*/

.isicons { float: right; text-align: right; margin-left: 8px; }

.isicons ul { display: inline; }

.isicons li { float: left; margin-left: 6px; }

.isicons li img { vertical-align: middle; }

.shdinfo, .shdin { height: 28px; background: url("../images/shdinfo.png") no-repeat; }

.shdinfo { margin-bottom: 8px; padding-left: 8px; line-height: 27px; font-size: 0.9em; }

.shdinfo .shdin { padding-right: 8px; background-position: 100% 100%; }

.shdinfo .arg { color: #939393; }

.shdinfo .date { float: left; }

.shdinfo .date img { vertical-align: middle; margin-right: 4px; }

/* изображение новости */

.imagestory { overflow: hidden; float: left; width: 150px; height: 100px; margin: 3px 10px 5px 0; }

.imagestory img { width: 150px; }

.morelink, .morelink .morein { height: 26px; background: url("../images/morelink.png") no-repeat; }

.morelink { margin-bottom: 18px; background-color: #f3f6f8; color: #4a4a4a; font-size: 0.9em; line-height: 25px; }

.morelink .morein { overflow: hidden; background-position: 100% -26px; }

.maincont { margin-bottom: 1em; overflow: hidden; }

.ratebox { padding: 5px 7px 0 7px; float: left; position: relative; width: 85px; height: 17px; overflow: hidden; margin-right: 10px; }

/* Кнопка читать далее и назад */

.argmore a b, .argmore a, .argback a b, .argback a { float: right; height: 26px; background: url("../images/argmore.png") no-repeat; }

.argback a b, .argback a { background: url("../images/argback.png") no-repeat; }

.argmore a b, .argback a b { float: left; padding: 0 12px 0 18px; background-position: 100% -26px; }

.argmore a, .argback a { margin-left: 5px; color: #fff; background-color: #3998c1; }

.argmore a:hover, .argback a:hover { background-position: 0 -52px; background-color: #39a0c8; }

.argmore a:hover b, .argback a:hover b { background-position: 100% -78px; }

.argback a { background-color: #990033; }

.argback a:hover { background-color: #8bb46f; }

.basetags, .storenumber, .related, .berrors, .mass_comments_action { margin-bottom: 1em; font-size: 0.9em; }

.related { font-size: 0.9em; background: url("../images/hsep.png") repeat-x; border-top: 1px solid #dee4e8; padding: 0 15px; }

.related h3 { margin: 0 0 6px; 0; text-align: center; position: relative; top: -1px; font-size: 1em; color: #505050; width: 110px; height: 25px; background: url("../images/relatedhead.png"); }

.related ul { margin: 0 0 14px; 0; }

.related li { margin-bottom: 0.1em; padding-left: 22px; background: url("../images/relatearrow.png") no-repeat 0 6px; }

/*errors*/

.berrors { font-size: 0.9em; line-height: normal; font-style: italic; padding: 6px 10px; background-color: #fcf7ee; line-height: normal; }

/* большие заголовки */

.heading { font-weight: normal; font-size: 1.6em; color: #2879b2; margin-bottom: 0.5em; }

/*Комментарии*/

.bcomment .dtop { font-size: 0.9em; padding-left: 36px; height: 46px; margin-bottom: 0.8em; overflow: hidden; }

.bcomment .dtop .lcolomn { margin-left: -36px; width: 36px; height: 36px; overflow: hidden; padding-top: 8px; border-top: 2px solid #4196c1; }

.bcomment .dtop .lcolomn img { width: 36px; }

.bcomment .dtop .rcolomn { width: 100%; padding-top: 6px; border-top: 2px solid #bccad1; }

.comedit { display: none; }

.bcomment:hover .comedit { display: inline; }

.comedit ul { float: right; }

.comedit ul li { float: left; margin-left: 6px; }

.cominfo { float: left; padding-left: 10px; }

.cominfo p { color: #7f98a4; }

.signature { color: #93918d; }

.commtitle { font-size: 1em; margin-bottom: 0.4em; }

/*pages*/

.bcheading { line-height: normal; font-weight: normal; color: #4c5a68; margin: 0 0 0.8em 0; }

/*forms*/

.tableform { width: 100%; }

.tableform td { padding: 8px 0; line-height: 1.35em; }

.tableform td.label { width: 22%; vertical-align: top; text-align: right; padding-right: 8px; font-weight: bold; }

.tableform tr { background: url("../images/dotted.png") repeat-x; }

.tableform tr.flast td { padding-bottom: 0; }

.tableform .nostylebb tr { background: none; }

.tableform .nostylebb tr td { padding: 0; }

.addnews { font-weight: bold; }

.impot { color: #e5372f; font-weight: normal; }

.f_input { width: 300px; }

.f_textarea { width: 458px; height: 156px; }

/*search*/

.searchstyle { width: 480px; }

.search { font-size: 11px; }

.searchtable table { border-collapse: separate; border-spacing: 0; border: 0; }

.searchtable fieldset { }

.searchtable fieldset legend { color: #404040; }

#searchuser, #searchinput { width: 90% !important; }

/*pools*/

.infoblock { margin: 0 14px 1.8em 14px; background-color: #f4f7f8; padding: 10px; }

.pollvotelist { width: 70%; text-align: left; }

.pollvotelist input { margin-right: 5px; }

/*statistics*/

.statistics { margin: 0 auto; }

.statinn { text-align: left; }

.statistics ul { margin-bottom: 15px; }

.statistics ul li { position: relative; background: url("../images/dotted.png") repeat-x 0 100%; padding: 4px 0; }

.statistics ul li b { position: absolute; right: 0; }

/*userinfo*/

.usercolomn { overflow: hidden; padding: 0 0 0 115px; margin-bottom: 9px; }

.usercolomn .lcolomn { width: 115px; margin: 0 0 0 -115px; }

.usercolomn .rcolomn { width: 100%; }

.usercolomn .lcolomn img { width: 100px; }

.userinfo h2 { font-size: 18px; color: #828282; font-weight: normal; }

.userinfo .uirow, .userinfo .uirow2 { padding: 10px 0; }

.userinfo .uirow { font-size: 0.9em; padding-top: 0; }

.userinfo .uirow2 { font-size: 0.9em; background: url("../images/dotted.png") repeat-x 0 0; }

.userinfo .colomn { float: left; }

.boxlinks { font-size: 0.9em; padding: 10px; border: 1px solid #f5f5f5; background-color: #fefefe; margin-bottom: 3px; }

/*постраничная навигация*/

.basenavi { margin: 0 14px; margin-bottom: 0.6em; }

.basenavi br { font-size: 6px; line-height: 6px; }

.navigation { display: block; font-size: 1.4em; line-height: normal; margin-bottom: 0.1em; }

.navigation a { color: #111; }

.navigation a:hover { color: #2d7fb5; }

.navigation a, .navigation span { float: left; padding: 3px 9px; }

.navigation span { color: #fff; background-color: #2d7fb5; }

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

по поводу проблемы - у вас для .leftside и .leftvnavi div стоит свойство overflow: hidden;

Неужели никто не может помочь?

выкладывайте пример кода в читабельном виде, никому не хочется вникать в такое полотно кода

используйте, например, http://jsfiddle.net/

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy