Здравствуйте! Прошу у вас помощи, так как сам уже не знаю что делать. Промучился практически неделю пытаясь разобраться в причинах, ходил в гугл, то ли не так спрашивал, то ли просто не повезло
Суть проблемы в следующем: На шаблон повесил рамку из картинок, и после этого NAVBAR POPUP MENUS сместилось вниз и вправо! Думаю, что это из за неграмотного позиционирования всего шаблона по центру, т. к. у всплывающих менюшек прописываются жесткие координаты, и ясно - они же ведь отсчитываются от чего то! Но вот от чего и чем?
Я не прошу сделать все за меня, но если знаете в чем дело, хотя бы пните в нужном направлении, буду очень благодарен :)
Ресурс где эта проблема _tagteam .ru/forum/index.php если кликнуть например по поиску то отобразиться он где то в стороне, а не под самим словом поиск
Часть кода общего шаблона header:
PHP код:
<div class="wrapper">
<!-- HEADER --><div class="header-utility"></div><!-- /HEADER -->
<!-- MAIN -->
<div class="main-page">
<div class="content-container">
<div class="above_body"><!-- closed later in vb DONT REMOVE -->
<div id="header" class="floatcontainer doc_header"></div>
</div><!-- closing div for above_body -->
<div class="body_wrapper">
<!-- main -->
<!-- main -->
<!-- logo -->
<a name="top"></a>
<table border="0" height="118" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]"><a href="$vboptions[bburl]/$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else /> </if>
</td>
<if condition="$show['member']">
далее идет стандартный код...
Часть кода общего шаблона footer:
PHP код:
стандартный код...
<script type="text/javascript">
$searchcloud
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>
<!-- /main -->
</div> <!-- closing div for body_wrapper -->
</div>
<div id="top-top-border"></div><!-- Adds top decoration, no content :( -->
<div id="top-left-border"></div>
<div id="top-right-border"></div>
<div id="bottom-bottom-border"></div> <!--Adds bottom decoration, no content :(-->
<div id="bottom-left-border"></div>
<div id="bottom-right-border"></div>
</div>
<!-- /MAIN --></div>
Основная таблица стилей CSS
PHP код:
.thead1
{
margin-right: 15px !important;
background: #494849 url(images/evid_blue/gradients/thead.gif) repeat-x top left;
color: #FFFFFF;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead1 a:link, .thead1_alink
{
color: #FFFFFF;
}
.thead1 a:visited, .thead1_avisited
{
color: #FFFFFF;
}
.thead1 a:hover, .thead1 a:active, .thead1_ahover
{
color: #CCCCCC;
}
.dcc {
background-image: url(images/evid_blue/gradients/dc_centre.gif);
height: 5px;
font-size: 1px;
line-height: 1px;
padding: 0px 0px 0px 0px;
}
.dcg {
float: left;
background-image: url(images/evid_blue/gradients/dc_gauche.gif);
width: 20px;
height: 5px;
}
.dcd {
float: right;
background-image: url(images/evid_blue/gradients/dc_droite.gif);
width: 20px;
height: 5px;
}
.nav1 {
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.nav1 a:link, .nav1_alink
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: none;
}
.nav1 a:visited, .nav1_avisited
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: none;
}
.nav1 a:hover, .nav1 a:active, .nav1_ahover
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: underline;
}
.cat1 {
background: url(images/evid_blue/gradients/tcat_center.png) repeat-x top left;
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.cat1 a:link, .tcat_alink
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: none;
}
.cat1 a:visited, .tcat_avisited
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: none;
}
.cat1 a:hover, .tcat a:active, .tcat_ahover
{
color: #323232;
font: bold 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: underline;
}
/****************************/
/********************/
/****************************/
body
{
padding: 0;
margin:0;
}
html.standard_error, body.standard_error
{
background-image: none !important;
}
.wrapper
{
width: 1036px;
margin: 0 auto;
}
.header-utility
{
width: 1036px;
height: 250px;
}
.main-page
{
width: 1036px;
position: relative;
z-index: 1;
}
.main-page > header
{
height: 108px;
}
.content-container
{
position: relative;
z-index: 1;
padding-left: 38px;
padding-right: 38px;
/*overflow: hidden;*/
min-height: 420px;
padding-bottom: 8px;
}
.content-header
{
width: 550px;
position: absolute;
left: 0;
top: 0;
height: 102px;
}
/****************************
Visual Styles
****************************/
.mn_bottoms a img
{
float: right !important; margin-right:5px !important;
}
html
{
background: black url("images/mnstyle/map.jpg") no-repeat top fixed;
}
body
{
background: url("images/mnstyle/utility-bar-bg.jpg") no-repeat top;
z-index: 0;
}
.header-utility
{
position: relative;
background: url("images/mnstyle/header.png") no-repeat;
}
.main-page
{
background: url("images/mnstyle/border-bg.jpg");
}
.content-container
{
}
#top-top-border {
position: absolute;
z-index: 2;
width: 1078px;
height: 68px;
left: -14px;
top: -47px;
background: url("images/mnstyle/border-top-top.png") no-repeat top left;
z-index: 5; }
#top-left-border {
position: absolute;
z-index: 2;
width: 74px;
height: 230px;
left: -14px;
top: 21px;
background: url("images/mnstyle/border-top-left.png") no-repeat top left;
z-index: 5; }
#top-right-border {
position: absolute;
z-index: 2;
width: 85px;
height: 233px;
right: -28px;
top: 21px;
background: url("images/mnstyle/border-top-right.png") no-repeat top left;
z-index: 5; }
#bottom-bottom-border {
position: absolute;
z-index: 2;
width: 1078px;
height: 100px;
left: -14px;
bottom: -59px;
background: url("images/mnstyle/border-bottom-bottom.png") no-repeat top left; }
#bottom-left-border {
position: absolute;
z-index: 2;
width: 74px;
height: 123px;
left: -14px;
bottom: 41px;
background: url("images/mnstyle/border-bottom-left.png") no-repeat top left; }
#bottom-right-border {
position: absolute;
z-index: 2;
width: 85px;
height: 87px;
right: -28px;
bottom: 41px;
background: url("images/mnstyle/border-bottom-right.png") no-repeat top left; }
body {
/*overflow-y: hidden; */
color: #fff;
}
.above_body {
background: #281908;
}