Приветствую всех!
Возникла проблемма с версткой под версию 2.6, а конкретно с выпадающем меню... Когда была просто хтмл страничка, то все работало, как натянул на слаед без изменения кода меню перестало выпадать О_о почему не могу понять, может расскажите, вот код:
CSS
HTML
<ul id="cssmenu">
<li><a href="index.php">Главная</a>
</li>
<li><a href="#">О клубе</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
<li><a href="#">Ссылка 3</a></li>
<li><a href="#">Ссылка 4</a></li>
<li><a href="#">Ссылка 5</a></li>
</ul>
</li>
</ul>
И еще чтобы создать оформление статей, создал basic-Pages.html, не делает изменений, что не так?
Возникла проблемма с версткой под версию 2.6, а конкретно с выпадающем меню... Когда была просто хтмл страничка, то все работало, как натянул на слаед без изменения кода меню перестало выпадать О_о почему не могу понять, может расскажите, вот код:
CSS
ul#cssmenu {
width:960px;
margin: 0;
margin-top:-55px;
margin-left:24px;
border: 0 none;
padding: 0;
list-style: none;
height: 57px;
}
ul#cssmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
height: 30px;
}
ul#cssmenu ul {
margin: 0;
border:1px solid #6f6433;
padding: 0;
width: 136px;
list-style: none;
display: none;
position: absolute;
top: 35px;
left: 0;
background-color:#000;
}
ul#cssmenu ul:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#cssmenu ul li {
width: 136px;
float: left;
display: block !important;
display: inline;
}
/* Menu Main */
ul#cssmenu li a {
border: 0px;
padding: 0 1px;
float: none !important;
float: left;
display: block;
background:url(images/bg_menu.gif) center no-repeat;
color: #572500;
font-size:13px;
line-height:28px;
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
text-decoration: none;
text-align:center;
height: 57px;
width:132px;
}
/* Main Menu Hover */
ul#cssmenu a:hover,ul#cssmenu li:hover a,ul#cssmenu li.iehover a {
border: 0px;
padding: 0;
padding-top:3px;
margin:-3px -2px 0 0;
float: none !important;
float: left;
display: block;
background:url(images/bg_menu_hover.gif) center no-repeat;
height: 60px;
width:136px;
}
ul#cssmenu a:focus{
border: 0px;
padding: 0;
padding-top:3px;
margin:-3px -2px 0 0;
float: none !important;
float: left;
display: block;
background:url(images/bg_menu_focus.gif) center no-repeat;
height: 60px;
width:136px;
}
/* Second Menu */
ul#cssmenu li:hover li a,ul#cssmenu li.iehover li a {
background:none;
float: none;
color: #fcdd77;
font-size:11px;
text-align:left;
padding-left:15px;
width:136px;
height:25px;
text-decoration:underline;
}
/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,ul#cssmenu li:hover li:hover a,ul#cssmenu li.iehover li a:hover,ul#cssmenu li.iehover li.iehover a {
text-decoration:underline;
}
ul#cssmenu ul li:hover{
background-color:#40371e;
}
ul#cssmenu ul ul {
display: none;
position: absolute;
top: 0;
left: 170px;
}
ul#cssmenu li:hover ul ul,ul#cssmenu li.iehover ul ul {
display: none;
}
ul#cssmenu li:hover ul,ul#cssmenu ul li:hover ul,ul#cssmenu li.iehover ul,ul#cssmenu ul li.iehover ul {
display: block;
}
width:960px;
margin: 0;
margin-top:-55px;
margin-left:24px;
border: 0 none;
padding: 0;
list-style: none;
height: 57px;
}
ul#cssmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
height: 30px;
}
ul#cssmenu ul {
margin: 0;
border:1px solid #6f6433;
padding: 0;
width: 136px;
list-style: none;
display: none;
position: absolute;
top: 35px;
left: 0;
background-color:#000;
}
ul#cssmenu ul:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#cssmenu ul li {
width: 136px;
float: left;
display: block !important;
display: inline;
}
/* Menu Main */
ul#cssmenu li a {
border: 0px;
padding: 0 1px;
float: none !important;
float: left;
display: block;
background:url(images/bg_menu.gif) center no-repeat;
color: #572500;
font-size:13px;
line-height:28px;
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
text-decoration: none;
text-align:center;
height: 57px;
width:132px;
}
/* Main Menu Hover */
ul#cssmenu a:hover,ul#cssmenu li:hover a,ul#cssmenu li.iehover a {
border: 0px;
padding: 0;
padding-top:3px;
margin:-3px -2px 0 0;
float: none !important;
float: left;
display: block;
background:url(images/bg_menu_hover.gif) center no-repeat;
height: 60px;
width:136px;
}
ul#cssmenu a:focus{
border: 0px;
padding: 0;
padding-top:3px;
margin:-3px -2px 0 0;
float: none !important;
float: left;
display: block;
background:url(images/bg_menu_focus.gif) center no-repeat;
height: 60px;
width:136px;
}
/* Second Menu */
ul#cssmenu li:hover li a,ul#cssmenu li.iehover li a {
background:none;
float: none;
color: #fcdd77;
font-size:11px;
text-align:left;
padding-left:15px;
width:136px;
height:25px;
text-decoration:underline;
}
/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,ul#cssmenu li:hover li:hover a,ul#cssmenu li.iehover li a:hover,ul#cssmenu li.iehover li.iehover a {
text-decoration:underline;
}
ul#cssmenu ul li:hover{
background-color:#40371e;
}
ul#cssmenu ul ul {
display: none;
position: absolute;
top: 0;
left: 170px;
}
ul#cssmenu li:hover ul ul,ul#cssmenu li.iehover ul ul {
display: none;
}
ul#cssmenu li:hover ul,ul#cssmenu ul li:hover ul,ul#cssmenu li.iehover ul,ul#cssmenu ul li.iehover ul {
display: block;
}
HTML
<ul id="cssmenu">
<li><a href="index.php">Главная</a>
</li>
<li><a href="#">О клубе</a>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
<li><a href="#">Ссылка 3</a></li>
<li><a href="#">Ссылка 4</a></li>
<li><a href="#">Ссылка 5</a></li>
</ul>
</li>
</ul>
И еще чтобы создать оформление статей, создал basic-Pages.html, не делает изменений, что не так?
Версия системы: SLAED CMS 2.6 Lite
Версия PHP: PHP 5
Сервер: Локальный сервер