0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 647 Просмотров
*

mqt_i

  • Новичок
  • 2
  • 0 / 0
Доброго времени суток.
После установки нового шаблона появилась проблемы с отображением пунктов меню ( скрины прилагаются ). Заранее благодарю за помощь.
Шаблон: Dreamsquare
Скрин:


Единственный файл CSS шаблона:
Код
body {
margin: 0px 20px;
padding: 0;
text-align: center;
color: #000000;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
background-attachment: fixed;
}
p, td, tr {
padding: 0px;
margin: 0px;
}
body, p, td, tr {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
#middle {
text-align:center;
}
#container {
margin: 0 auto;
border: 3px solid #f6d229;
text-align: left;
background: #FFFFFF;
border-top: none;
}
#header {
height: 136px;
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
}
#logoarea {
float: left;
height: 136px;
width: 203px;
background-image: url(../images/logo_bg.jpg);
color: #FFFFFF;
}
#logo {
background-image: url(../images/logo.png);
background-repeat: no-repeat;
height: 136px;
width: 203px;
}
#rightheader {
height: 136px;
margin-left: 203px;
}
#top {
height: 42px;
color: #000000;
background-color: #9ABC57;
font-weight:bold;
font-size:20px;
margin-left: 5px;
line-height: 42px;
float: left;
width: 100%;
}
float: left;
padding-left: 10px;
color: #f6d229;
font-size: 18px;
line-height: 42px;
height: 42px;

#user4 {
float: right;
height: 34px;
width: 185px;
margin: 4px 0px;
vertical-align: middle;
}
#user4 input,
#user4 .input,
#user4 .inputbox {
background-image: url(../images/search.gif);
background-repeat: no-repeat;
background-position: 3px 3px;
border: 1px solid #666;
padding-left: 30px;
margin: 0;
height: 20px;
float: left;
background-color: #FFFFFF;
}
#banner {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
#topmenu_out {
float: left;
overflow: hidden;
}
#topmenu {
color: #8B8B8B;
height: 80px;
margin-top: 8px;
line-height: 80px;
font-size: 12px;
float: left;
margin-left: -3px;
}
#topmenu ul, #topmenu li{
list-style-type: none;
padding: 0px;
margin: 0px;
display: inline;
}
#topmenu li{
float: left;
}
#topmenu a:link, #topmenu a:visited {
height: 80px;
line-height: 80px;
display: block;
float: left;
text-align: center;
color: #000000;
font-weight: bolder;
padding: 0px 30px;
background-image: url(../images/topmenu_bg.jpg);
background-repeat: no-repeat;
background-position: left;
font-size: 15px;
}
#topmenu a:hover{
text-decoration: none;
background-image: url(../images/topmenu_over.jpg);
background-repeat: repeat-x;
}
#maincontent {
background-image: url(../images/maincontent.jpg);
background-repeat: repeat-x;
}
#content_outmiddle, #content_outleft, #content_outright {
background-image: url(../images/content_bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
border-left: 2px solid #E6E6E6;
border-right: 2px solid #E6E6E6;
border-bottom: 2px solid #E6E6E6;
background-color: #FFFFFF;
margin-bottom: 10px;
}
#left_outmiddle, #left_outleft, #left_outright {
width: 190px;
float: left;
background-image: url(../images/maincontent.jpg);
background-repeat: repeat-x;
}
#right_outmiddle, #right_outleft, #right_outright {
width: 200px;
float: right;
background-image: url(../images/maincontent.jpg);
background-repeat: repeat-x;
}
#left, #right {
margin: 0px 5px 5px 5px;
width: 190px;
}
#left ul,
#right ul,
#left ul.menu li,
#right ul.menu li {
list-style-type: none;
padding: 0;
margin: 0;
}
#left ul ul,
#right ul ul,
#left ul.menu li li,
#right ul.menu li li {
list-style-type: none;
padding: 0 0 0 5px;
margin: 0;
}
#left ul ul ul,
#right ul ul ul,
#left ul.menu li li li,
#right ul.menu li li li {
list-style-type: none;
padding: 0 0 0 5px;
margin: 0;
}
#left ul.menu li a,
#left ul.menu li#current a,
#left a.mainlevel,
#right ul.menu li a,
#right ul.menu li#current a,
#right a.mainlevel {
border-left: 3px solid #0E8FB9;
height: 25px;
line-height: 25px;
display: block;
margin: 2px 0px;
color: #000000;
width: auto;
text-indent: 5px;
font-size: 16px;
}
#left ul.menu a:hover,
#right ul.menu a:hover,
#left a.mainlevel:hover,
#right a.mainlevel:hover,
#left #active_menu,
#right #active_menu,
#left ul.menu li#current a,
#right ul.menu li#current a {
background-color: #68B9D3;
text-decoration: none;
border-left: 3px solid #68B9D3;
color: #FFFFFF;
}
#left a.sublevel,
#left ul.menu li#current li a,
#left ul.menu li li a,
#left ul.menu li li#current a,
#left ul.menu li li#current li a,
#left ul.menu li li li a,
#right a.sublevel,
#right ul.menu li#current li a,
#right ul.menu li li a,
#right ul.menu li li#current a,
#right ul.menu li li#current li a,
#right ul.menu li li li a {
color: #666666 !important;
height: 18px;
line-height: 18px;
padding-left: 14px;
background: url(../images/sublevel.png) no-repeat left !important;
padding-right: 5px;
border: none;
font-size: 14px;
}
#left a.sublevel:hover,
#right a.sublevel:hover,
#left ul.menu li#current li a:hover,
#right ul.menu li#current li a:hover,
#left ul.menu li li a:hover,
#right ul.menu li li a:hover{
border: none;
text-decoration: underline;
}
#left a.sublevel#active_menu,
#right a.sublevel#active_menu,
#left ul.menu li li#current a,
#left ul.menu li li li#current a,
#right ul.menu li li#current a,
#right ul.menu li li li#current a {
background: #68B9D3 !important;
text-decoration: none;
color: #FFFFFF !important;
}
#content_outmiddle {
margin: 0px 200px;
}
#content_outleft {
margin-left: 200px;
border-right: none;
}
#content_outright {
margin-right: 200px;
border-left: none;
}
#content {
padding: 5px 5px 10px 5px;
}
#content_in {
overflow: hidden;
width: 100%;

}
#bannermodul {
padding: 5px;
}
#pathway {
border-bottom: 1px solid #E6E6E6;
color: #666666;
font-size: 10px;
padding: 5px;
}
#pathway a {
color: #666;
}
#left_outmiddle h3,
#left_outleft h3,
#left_outright h3,
#right_outmiddle h3,
#right_outleft h3,
#right_outright h3 {
background-image: url(../images/h3.jpg);
background-repeat: repeat-x;
color: #FFFFFF;
font-size: 16px;
line-height: 30px;
height: 30px;
text-align: left;
margin: 5px 0px;
text-indent: 10px;
font-weight: normal;
}
#user_out {
margin-top: 4px;
background-image: url(../images/user_out_bg.jpg);
border-top: 1px solid #CCC;
background-color: #E6E6E6;
background-repeat: repeat-x;
padding: 0 4px;
border-bottom: 1px solid #CCC;
}
#user_out .topmodule_user,
#user_out .topmodule_user1,
#user_out .topmodule_user2,
#user_out .topmodule_user3 {
background-image: url(../images/box_bg.jpg);
background-repeat: repeat-x;
float: left;
}
#user_out .topmodule_user1 {
width: 100%;
}
#user_out .topmodule_user2 {
width: 49%;
}
#user_out .topmodule_user3 {
width: 32%;
}
#user_out .topmodule_inside {
margin: 4px;
overflow: hidden;
}
#user_out .moduletable, #user_out .moduletable td {
width: 100%;
}
#user_out .topmodule_user th,
#user_out .topmodule_user1 th,
#user_out .topmodule_user2 th,
#user_out .topmodule_user3 th,
#user_out .topmodule_user h3,
#user_out .topmodule_user1 h3,
#user_out .topmodule_user2 h3,
#user_out .topmodule_user3 h3,
#bannermodul th,
#bannermodul h3 {
height: 20px;
line-height: 20px;
color: #000000;
font-size: 20px;
background-color: #f6d229;
padding: 0px 5px;
text-align: left;
font-weight: normal;
margin: 0;
}
#user_out .topmodule ul, .topmodule li {
margin: 0px;
padding: 0px;
}
.sep, .sep1, .sep2, .sep3 {
float: left;
background-image: url(../images/sep.jpg);
background-repeat: repeat-y;
background-position: center;
}
.sep1, .sep2, .sep3 {
width: 1%;
}
.sep2, .sep3 {
}
#bottom {
background-image: url(../images/bottom.jpg);
background-repeat: repeat-x;
text-align: left;
color: #8B8B8B;
border-top: 1px solid #FFF;
height: 50px;
line-height: 50px;
}
#copy {
float: left;
font-size: 11px;
padding-left: 10px;
width: 40%;
}
#othermenu {
float: right;
overflow: hidden;
font-size: 11px;
width: 50%;
}
#othermenu_in ul, #othermenu_in li {
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}
#othermenu_in {
margin-right: -2px;
float: right;
height: 50px;
line-height: 50px;
}
#othermenu_in a {
color: #8B8B8B;
border-right: 1px solid #8B8B8B;
padding: 0px 10px;
}
ul {
list-style-type: square;
}
.clear{
clear:both;
}
.contentheading {
color: #0E8FB9;
font-size: 18px;
margin: 0 auto;
border: 3px solid #f6d229;
text-align: left;
background: #FFFFFF;
border-top: none;
}
.contentpane {
}
.contentpaneopen {
}
.contentdescription {
padding: 10px 0px;
}
.componentheading {
height: 26px;
line-height: 26px;
color: #FFFFFF;
font-size: 15px;
padding: 0px 5px;
background-color: #0E8FB9;
margin: 0 0 10px 0;
}
a:link, a:visited {
color: #8F0E0E;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.sectiontableheader {
padding: 3px 5px;
background-color: #666;
color: #FFFFFF;
font-size: 15px;
color: #FFFFFF;
}
.sectiontableentry1, .sectiontableentry2 {
background-image: url(../images/sectiontableentry.jpg);
background-repeat: repeat-x;
height: 15px;
line-height: 15px;
font-size: 12px;
text-indent: 5px;
background-position: bottom;
background-color: #FFFFFF;
}
.button {
background-image: url(../images/button.jpg);
color: #FFFFFF;
font-size: 15px;
border: 1px solid #9ABC57;
margin: 5px 0px;
background-color: #9ABC57;
padding: 2px 3px;
}
.button:hover, .button:focus {
border: 1px solid #9ABC57;
background: #9ABC57;
}
.input {
border: none;
padding: 0;
margin: 0;
}
.inputbox {
border: 2px solid #E0E0E0;
padding: 2px;
}
.small {
color: #8B8B8B;
font-size: 11px;
}
a.readon {
background-color: #EBEBED;
color: #8B8B8B;
padding: 1px 3px;
}
a.readon:hover {
text-decoration: none;
background-color: #CCCCCC;
}
.back_button a {
background-color: #EBEBED;
color: #8B8B8B;
border: 1px solid #8B8B8B;
font-size: 12px;
padding: 2px 4px;
}
.back_button a:hover {
text-decoration: none;
background-color: #CCCCCC;
}
.createdate {
color: #8B8B8B;
font-size: 11px;
margin-bottom: 10px;
}
.search {
margin: 5px 0px;
padding: 2px;
}
img {
border: none;
padding: 0;
margin: 0;
}
*

mqt_i

  • Новичок
  • 2
  • 0 / 0
Re: Кривое отображение пунктов меню
« Ответ #1 : 31.03.2014, 12:43:49 »
Проблема решилась.
Нужно было поменять значение у свойства display в строке 188 с displya:block на displya:inline
При этом дизайн слегка "навернулся", но, в принципе, терпимо.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Большое меню Joomla

Автор Amakeeva

Ответов: 1
Просмотров: 115
Последний ответ 22.01.2018, 13:17:45
от effrit
Как можно отображать имя пользователя в название меню?

Автор selimoff

Ответов: 27
Просмотров: 3044
Последний ответ 02.01.2018, 15:24:44
от logan-19
как сделать пункт меню не кликабельным?

Автор qweqweqwe

Ответов: 13
Просмотров: 5802
Последний ответ 07.09.2017, 01:45:49
от forzi
Сдвинуть пункты меню в левое положение

Автор wectra

Ответов: 6
Просмотров: 436
Последний ответ 12.07.2017, 21:09:01
от wectra
Не отображаются пункты в меню

Автор physic

Ответов: 16
Просмотров: 15744
Последний ответ 27.05.2017, 00:10:15
от OutLaw1