Большой разрыв между меню и основным содержанием
Добавил: Кирилл 17 марта 2014 02:43
Последний комментарий: admin 10 февраля 2016 10:57

Здравствуйте. у меня похожая проблема как у предыдущего автора. Проблема состоит в следующем: нужно отрегулировать высоту  разрыва между шапкой сайта и основным содержанием (точнее убрать вовсе разрыв на сколько это возможно). вот ссылка: http://www.hot2avto.ru/

Просмотры (20213)  Комментарии (3)  Форум (Помощь в работе с Fo.Ru)
admin 18.03.2014 в 09:35

Необходимо внести изменения в блок CSS #wrapper_topmenu он должен выглюдеть примерно так:

#wrapper_topmenu {
   height: 20px;
   padding-bottom: 20px;
   min-height: 0;
}

Виктория 10.02.2016 в 02:22

у меня что не получилось, в шаблонах CSS столько всего написано у меня 

body {
font: 12px Tahoma,Arial, sans-serif;
color: #333333;
}
#content{
color: #cccccc;
}
#content p{
overflow:hidden;
}
.desc p, #entry_content p {
overflow:visible !important;
}
a{
color: #f60
}
a:hover{
color: #fff;
}
.InnerHead {
text-align: center;
font-weight: bold;
}
.TwoLine td {
padding: 1px 0px;
}
.TableBody td {
padding: 5px !important;
vertical-align:middle !important;
}
.TableBody td.avatar{
padding:4px;
border:1px solid #D6D6D6
}
.important{

}
.bold{
font-weight: bold;
}
#area_0 div.movable,
#area_1 div.movable {
width: 100%;
max-width: 300px;
}
.mlp_tab_active{
font-weight: bold;
}

h1 {
font: 24px Arial;
margin: 2px 5px 10px;
}


#action_message .TableColumn1{
text-align: center;
}
#action_message table.TableBody{
margin: 10px 0;
}
#counter {
margin-bottom: 10px;
}
/* START PAGE LAYOUT
============================================================================*/
/* Wrapper
-----------------------------------------------------------------------------*/
#wrapper {
width: 960px;
margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
#header {

}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0;
height: 1%;
position: relative;
overflow: hidden;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
min-height: 700px;
}
#content {
padding: 0 0 0 0px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
margin: 0px;
position: relative;
}

/* Sidebars
-----------------------------------------------------------------------------*/
.sidebar {
position:relative;
margin-top:15px;
min-height:150px
}

/* END PAGE LAYOUT
============================================================================*/

/* START HEAD ELEMENTS
----------------------------------------------------------------------------*/
#head{
padding-left:14px;
}
#wrapper_title a,
#wrapper_slogan a,
#wrapper_adress a{
text-decoration: none;
color: #000;
}
#search_block a{
color: #fff;
font: 11px Arial;
text-decoration: underline;
line-height: 20px;
}

#search_block a:hover{
font: 11px Arial;
text-decoration: none;
line-height: 20px;
}
#search_block span.separator{
color: #fff;
font: 11px Arial;
margin-left: 6px;
margin-right: 7px;
}
/** TOP MENU **/

#wrapper_topmenu{
min-height: 50px;

}

.opera div.top_menu_block {
padding: 12px 5px 5px 5px;
}

div.top_menu_block {
min-height: 102px;
text-align: left;
background: url( http://oskar53.ru/common/style2/img/top_menu_bg.png ) no-repeat 0 0;
padding: 5px;
}

div.top_menu_block_edit {
min-height: 102px;
text-align: left;
background: url( http://oskar53.ru/common/style2/img/top_menu_bg.png ) no-repeat 0 0;
padding: 5px;
}

span.top_menu_block_inner {
display:block;
}
span.top_menu {
color: #fff;
font: 14px Arial;
padding: 10px 10px 12px 10px ;
line-height: 35px;
background: url( http://oskar53.ru/common/style2/img/round.png ) no-repeat 0 0;
display:inline-block;
position:relative;
}

.top_menu_block_edit span.top_menu {
color: #fff;
font: 14px Arial;
padding: 10px 10px 12px 10px ;
line-height: 35px;
background: none;
display:inline-block;
position:relative;
}

span.top_menu_img {
padding: 0 10px;
}
span.top_menu_img img {
max-height: 38px;
}
div.top_menu_block a {
color: #ff6600;
font: bold 13px Tahoma;
text-decoration: none;
text-transform: uppercase;
padding: 5px;
}

div.top_menu_block_edit #top_menu_block_inner {
background: #BDE7FF;
}

div.top_menu_block_edit span a {
color: black;
font: bold 13px Tahoma;
text-decoration: none;
text-transform: uppercase;
padding-left: 5px;
}

div.top_menu_block a:hover {
text-decoration: underline;
color: #fff;
}
span#top_menu_active span a{
color: #fff;
}

.top_menu_block_edit span#top_menu_active span a{
color: black;
font-weight: normal;
}

span.button {
margin: 5px 0;
display: inline-block;
}

span.button input {
border: 0;
color: #ffffff;
font: bold 14px 'Tahoma';
text-transform: uppercase;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
background-color: #ff691a;
padding: 3px 6px;
margin-right: 0;
cursor: pointer;
}

.item_with_text_shot span.button input{
max-width:78px;
}


span.button input:hover {
color: #000000;
}

/* END HEAD ELEMENTS
----------------------------------------------------------------------------*/

/* START PAGE ELEMENTS
----------------------------------------------------------------------------*/
#navigation_sidebar{
position:relative;
min-height:100px;
margin-bottom: 14px;
}
#navigation_sidebar a{
color: #000;
font: bold 13px Tahoma;
text-decoration: none;
}
#navigation_sidebar a.active{
color: #fff;
font: bold 13px Tahoma;
text-decoration: none;
}
#navigation_top{
height: 0;
}
#navigation_bottom{
height: 66px;
background: url(http://oskar53.ru/common/style2/img/navigation_bottom.png) no-repeat;
}

.edit_menu #navigation_bottom{
background: none;
}

#navigation_base{
background-color: #ff6600;
padding-top:5px;
}

.edit_menu #navigation_base{
background-color: #BDE7FF;
}

#navigation_sidebar ul{
margin:0;
padding: 0;
list-style: none;
}
#navigation_sidebar ul ul{
background-color:#FF6600
}
#navigation_sidebar ul li{
margin-top:2px;
}
#navigation_sidebar ul li.choosen{
background-color:#000;
}
#navigation_sidebar ul li.choosen a.choosen{
padding-bottom:2px;
}
#navigation_sidebar ul li li span a:before{
content:"» ";
}
#navigation_sidebar ul li span a{
display:inline-block;
margin:3px 0 3px 12px
}
#navigation_sidebar ul li li li span a{
margin-left:24px;
}
#navigation_sidebar ul li li li li span a{
margin-left:36px;
}
#navigation_sidebar ul li li li li li span a{
margin-left:48px;
}
#navigation_sidebar a:hover{
text-decoration: underline;
}

.sidebar .stdblock div.window_head .window_control span{
background: none;
}
.sidebar .stdblock div.window_head div.title_wrapp{
background: url(http://oskar53.ru/common/style2/img/round.png) no-repeat 3px 3px ;
padding: 13px 0 0 15px;
display: block;
}

.sidebar .stdblock{
margin-bottom: 14px;
}
.stdblock{
position:relative;
z-index:1; /*IE*/
background-color: #282828;
font: 12px Arial;
color: #cccccc;
}
.sidebar .stdblock div.window_head{
background: url(http://oskar53.ru/common/style2/img/block_top.png) no-repeat;
}
.stdblock div.window_head{
font: bold 11px Tahoma;
color: #c6c6c6;
text-transform: uppercase;
}
.stdblock div.window_head div.title_wrapp{
display: table;
}
#main_content .stdblock div.title_wrapp div.window_control {
margin-top: 0px;
}
#main_content .stdblock div.window_control {
margin-top: 10px;
}
.sidebar .stdblock div.title_wrapp{
background: #000;
}
.stdblock div.title_wrapp{
padding: 10px 0 0 10px;
}
.stdblock div.window_content{
padding: 10px;
}
.stdblock div.window_content{
min-height:20px;
}
.mlp_addmessage_webdialog .stdblock{
margin: 0px !important;
}
/** MAIN CONTENT **/
#mlp_work_place_5{
background: #282828;
}
#mlp_work_place_5 .stdblock{
margin: 3px;
background:transparent
}
#mlp_work_place_5 .mlp_window{
margin: 5px 0 5px 0;
clear:both
}

#main_content .stdblock div.title_wrapp{
background: none !important
}
#main_content .stdblock div.window_head span{
line-height:26px;
padding-left: 10px;
}
#main_content .stdblock div.window_head div span{
padding: 0;
}
/*
.mlp_webdialog{
box-shadow: #666 0px 0px 10px;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
behavior: url(/pie.htc);
}
*/
.mlp_webdialog .stdblock {
margin: 0;
}
#mlp_work_place_5{
margin-top: 15px;
overflow: hidden;
}
div.breadcrumbs{
line-height: 40px;
background: #000;
padding-left: 20px;
}
span.Path,span.Path_last{
font: 11px Tahoma;
}
span.Path a:link{
color:#ff6600;
text-decoration:underline;
}
span.Path a:visited{
color:#ff6600;
text-decoration:underline;
}
span.Path_last a.Path_last{
color:#999999;
text-decoration:none;
}
span.Path a:hover{
color:#ff6600;
text-decoration:none;
}
span.Path.delimiter{
font: 11px/35px Tahoma;
color: #999;
margin: 0 5px;
}
#footer {
background: transparent url( http://oskar53.ru/common/style2/img/footer_bg.gif ) no-repeat left top;
height: 68px;
}
span.bottom_menu{
color: #666666;
position: absolute;
top: 5px;
left: 20px;
}
span.bottom_menu a{
color: #666666;
}
span.bottom_menu a:hover{
color: #ffffff;
}
.show_email_form{
text-decoration:none;
padding-left:20px;
background:url(http://oskar53.ru/common/style7/images/mail_7temp.png) no-repeat 0 -2px
}
.show_email_form span{
text-decoration:underline
}
.shop_old_price_list {
color: #FF6633;
}
div#add_new_block_container {
top: -25px!important;
left: -15px;
}
#wrapper .sidebar .stdblock div.window_head{
background-color:#282828
}
#home_blocks .stdblock .window_content,
#home_blocks .stdblock div.window_head{
background-color:#181818
}

.wrapper_sidebar_float_left .parent_image_for_folder_max_width img,
.wrapper_sidebar_float_right .parent_image_for_folder_max_width img,
.wrapper_sidebar_float_dual .parent_image_for_folder_max_width img{
width:auto !important;
max-width:100% !important
}
.wrapper_sidebar_float_left .parent_image_for_folder_width img,
.wrapper_sidebar_float_right .parent_image_for_folder_width img,
.wrapper_sidebar_float_dual .parent_image_for_folder_width img{
width:100% !important;
}
.ftcaption{
background-color:#000000;
border:1px solid #454545;
}
.ft td{
border:1px solid #454545
}
.ft tr.new{
background-color:#EAE8D8;
}
.ft tr.new div.fttitle a{
color:#FF0000;
}
.ft tr.new a.new{
color:#FF0000;
}


#top_menu_block_inner ul{
display:none;
position:absolute;
background:#000;
left:0;
top:39px;
list-style:none;
padding:0;
margin:0;
z-index:9999;
min-width:200px;
}
#top_menu_block_inner li{
position:relative;
}
#top_menu_block_inner ul ul{
position:absolute;
left:100%;
top:0;
display:none !important
}
.top_menu_block #top_menu_block_inner li:hover ul,
.top_menu_block #top_menu_block_inner li:hover li:hover ul,
.top_menu_block #top_menu_block_inner li:hover li:hover li:hover ul,
.top_menu_block #top_menu_block_inner li:hover li:hover li:hover li:hover ul,
.top_menu_block #top_menu_block_inner li:hover li:hover li:hover li:hover li:hover ul {
display:block !important
}
#top_menu_block_inner li:hover ul ul,
#top_menu_block_inner li:hover li:hover ul ul,
#top_menu_block_inner li:hover li:hover li:hover ul ul,
#top_menu_block_inner li:hover li:hover li:hover li:hover ul ul {
display:none !important
}
#top_menu_block_inner li span a{
display:block;
padding:5px 20px
}
.top_menu_block .top_menu_a_active,
.top_menu_block #top_menu_block_inner li a:hover{
background:#f60
}
.top_menu_block #top_menu_block_inner .top_menu:hover ul{
display:block
}
#navigation_sidebar ul span{
padding-top:2px;
display:block
}



admin 10.02.2016 в 10:57

Зайдите в CSS вашего сайта, нажмите кнопку F3 на клавиатуре, и впишите в поле искомую вразу "#wrapper_topmenu" так вы найдете нужный блок для правки, туда и вносите изменения.

Зарегистрированный
Анонимно
Яндекс.Метрика
© Copyright 2013 - 2017 Уроки Fo.Ru