вопрос
Доброго времени суток. Вот такая проблема назрела.
Хотел выдвигающиеся меню с САЙТА этого взять и вставить к СЕБЕ Но как видите не особо получилось.
Я перекинул все картинки нужные и файл style.css частично перетащил к себе.
Только почему то у меня не все картинки задействованы для этого меню и само меню не хочет сдвигаться. Подскажите пж что я не так сделал?
Хотел выдвигающиеся меню с САЙТА этого взять и вставить к СЕБЕ Но как видите не особо получилось.
Я перекинул все картинки нужные и файл style.css частично перетащил к себе.
/* MENU */
.theadmenu {
float: left;
background: url("../img/topmenu.png") no-repeat;
height: 45px;
width: 100%;
overflow: hidden;
}
.theadmenu ul#thmenu {
float: left;
margin-left: 16px;
background: url("../img/thmenu.png") no-repeat 0 -90px;
height: 45px;
padding-left: 2px;
overflow: hidden;
}
.theadmenu ul#thmenu li {
float: left;
height: 45px;
}
.theadmenu ul#thmenu li a, .theadmenu ul#thmenu li a strong {
float: left;
height: 45px;
line-height: 45px;
cursor: pointer;
text-decoration: none !important;
}
.theadmenu ul#thmenu li a {
color: #fff;
}
.theadmenu ul#thmenu li a strong {
padding: 0 14px 0 14px;
background: url("../img/thmenu.png") no-repeat 100% -45px;
}
.theadmenu ul#thmenu li a:hover {
color: #ffb20c;
background: #2B2B2B url("../img/thmenu.png") no-repeat 100% 0;
}
.theadmenu ul#thmenu li a:hover strong {
background: url("../img/thmenu.png") no-repeat 100% -135px;
}
.rightrss {
height: 45px;
}
.rightrss div {
padding-right: 12px;
overflow: hidden;
}
.rightrss div a {
float: right;
margin-top: 13px;
color: #fff;
text-decoration: none !important;
font-size: 11px;
background: url("../img/rss.png") no-repeat 100% 0;
padding-right: 23px;
height: 21px;
line-height: 20px;
}
.rightrss div a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.l_col, .r_col {
float: left;
overflow: hidden;
}
.l_col {
width: 216px;
margin-left: 14px;
padding: 10px;
}
.l_col .headcond, .l_col .headconw {
width: 205px;
font-size: 12px;
font-weight: bold;
padding-top: 14px;
padding-left: 11px;
overflow: hidden;
}
.l_col .headcond {
background: url("../img/dcontdark.png") no-repeat 0 0;
height: 36px;
color: #fff;
}
.l_col .headconw {
background: url("../img/dcontwhite.png") no-repeat;
height: 35px;
color: #393939;
text-shadow: #ffd200 1px 1px 0;
}
.l_col .dcont {
background: url("../img/dcontdark.png") repeat-y -216px 0;
margin-bottom: 10px;
}
.l_col .dcont .dcont {
background: url("../img/dcontdark.png") no-repeat -432px 100%;
}
.dcont .contd {
padding: 0 7px 13px 7px;
font-size: 12px;
color: #fff;
}
.contd ul, .contd ul li {
display: inline;
}
.contd ul b a, .contd ul b span {
background: url("../img/navmenu.png") no-repeat 0 0;
text-indent: 10px;
display: block;
height: 23px;
line-height: 23px;
margin-bottom: 1px;
text-decoration: none !important;
color: #ffa917;
cursor: pointer;
}
.contd ul b a:hover, .contd ul b span:hover {
color: #2c2c2c;
text-shadow: #F5B100 1px 1px 0;
background-position: 0 -23px;
}
.contd ul b span.closed {
background-position: 0 -46px;
}
.contd ul b span.closed:hover {
background-position: 0 -69px;
}
.contd ul b span.opened {
color: #2c2c2c;
text-shadow: #F5B100 1px 1px 0;
background-position: 0 -92px;
margin: 0;
}
.contd .submenu {
overflow: hidden;
width: 202px;
margin-bottom: 1px;
background: #282828 url("../img/submenu.png") no-repeat 0 100%;
}
.contd .submenu ul {
display: block;
margin-left: 4px;
padding: 3px 0;
width: 193px;
}
.contd .submenu li a {
display: block;
color: #fff;
font-weight: bold;
text-decoration: none;
height: 20px;
line-height: 19px;
text-indent: 11px;
background: url("../img/submenu.png") no-repeat -202px -20px;
margin-bottom: 1px;
overflow: hidden;
}
.contd .submenu li a:hover {
background: url("../img/submenu.png") no-repeat -202px 0;
}
Только почему то у меня не все картинки задействованы для этого меню и само меню не хочет сдвигаться. Подскажите пж что я не так сделал?