Ly-Zer
Newbie-
Posts
2 -
Joined
-
Last visited
Ly-Zer's Achievements
Explorer (1/14)
0
Reputation
-
Срочно нужна помощь.В CSS. Подменю наезжает друг на друга
Ly-Zer replied to Ly-Zer's question in HTML Coding
Игорь Спасибо щас попробую. офф топп Упс, все подправил. Но это не только моя вина -
Люди помоготи разобраться с под меню. оно почему то наезжает на другой пункт меню. Не как не пойму почему. Вот как должно выглядеть меню http://s55.radikal.ru/i149/1001/f4/79c3f0f29f81.jpg Вот как оно выглядит сейчас http://s02.radikal.ru/i175/1001/be/4b45503a53cb.jpg Вот код <div id="left-menu"> <div class="moduletable"> <ul class="menu"><li class="parent item9"> <a href="/ru/building"><span>Строительство</span></a><ul><li class="item195"><a href="/index.php"> <span>технический подряд</span></a></li><li class="item211"><a><span>генеральный подряд</span> </a></li><li class="item212"><a><span>технология опалубки</span></a></li><li class="item213"><a> <span>монолит</span></a></li><li class="item214"><a><span>монтаж фасадов</span></a></li> <li class="item215"><a><span>кровля</span></a></li><li class="item216"><a><span>альпинизм</span> </a></li><li class="item217"><a><span>инженерия</span></a></li><li class="item218"><a> <span>отделка помещений</span></a></li></ul></li><li class="item10"><a href="/ru/licenz"> <span>Лицензии</span></a></li><li class="item20"><a href="/ru/projects"><span>Проекты</span> </a></li><li class="item11"><a href="/ru/2009-10-30-21-44-37"><span>Инвестпроекты</span></a> </li><li class="item12"><a href="/ru/2009-10-30-21-48-44"><span>Партнеры</span></a></li> <li class="item14"><a href="/ru/delivery"><span>Поставщикам</span></a></li><li class="item18"> <a href="/ru/articles"><span>Статьи</span></a></li></ul> </div> </div> А вот CSS .clear { clear:both !important; } .moduletable{ padding:0px 0px 0px 0px; margin:0; } img{ margin-right:15px; margin-top:10px; margin-bottom:10px; } h3{ font-family:verdana; font-size:10pt; font-weight:bold; color:#ffffff; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; background:#054185; } .latestnews{ font-family:verdana; font-size:8pt; color:#054185; text-decoration:none; } a.latestnews:visited{ font-family:verdana; font-size:8pt; color:#054185; text-decoration:none; } ul.latestnews{ padding-left:20px; padding-top:10px; padding-bottom:10px; } li.latestnews{ padding-bottom:10px; } #top-menu{background:#054185;} .mainlevel{ border-left:solid 1px #e4e6e8; vertical-align:middle; padding-top:14px; padding-bottom:14px; padding-left:30px; padding-right:30px; font-family:verdana; font-size:10pt; color:#e4e6e8; font-weight:bold; float:left; } a.mainlevel:visited{ color:#e4e6e8; font-weight:bold; } a.mainlevel:hover{ text-decoration:none; color:#000000; background:#f8c300; } #active_menu{ color:#000000; background:#f8c300; } #top-menu td{height:44px;vertical-align:middle;} body { color: black; } a { text-decoration:none; font:normal 13px Verdana, sans-serif; } a:hover { text-decoration:underline; } #wrapper { min-width:1000px; } #left-area { width:225px; float:left; display:inline; } #left-area > div { } #logo { width:auto; height:106px;} #logo a{margin-left:0px;} #left-menu { } #left-menu div { height:auto; width:100%; background: #054185; margin-top:0px; margin-bottom:20px; overflow:hidden; } #left-menu a { display:block; width:auto; height:30px; color:#ffffff; font-weight:bold;} #left-menu li { display:block; width:auto; height:30px; padding:11px 0 0 30px; color:#ffffff;font-weight:bold; border-top:solid 1px #ffffff;} #left-menu li:hover { text-decoration:none;color:#000000;background:#f8c300; } #left-menu li:hover a{ text-decoration:none;color:#000000;} #left-menu li.active { background:#f8c300;} #left-menu li.active a{ color:#000000;} #currnet{ background:#f8c300; color:#000000; } #news-block { padding: 21px 0 0 18px; margin-top:-2px; background:url(/templates/grandstroy/images/news-grad.jpg) repeat-x 0 0; } .news-item { padding: 0 0 16px 0; } .news-item p.date { font:11px Verdana,sans-serif; color: #6e6a6a; } .news-item p.title-news { margin:4px 0;} .news-item p.title-news a { font:bold 11px Verdana,sans-serif; color: #054185; } .news-item p.news-announce { font:11px Verdana,sans-serif; color:black; text-align:justify; } .presentation { background:url(/templates/grandstroy/images/present-dl.jpg) no-repeat 0 0; margin-left:18px; height:272px; } .presentation img { height:100%; width:100%; } #right-area { margin:0 0 0 225px; } #center-top { background: #e4e6e8; height:45px; } #addit-menu { float:right; width:225px; height: 20px; } .icons-menu { float:right; padding: 5px 16px 0 0; } .icons-menu div { float:left; text-align:right; } #choice-lang { position:relative; width:56px; height:20px; cursor:pointer; } #lang-menu { position:absolute; top:19px; left:0; width:56px; height:39px; background:url(/templates/grandstroy/images/lang.gif) no-repeat 0 0; display:none; } #lang-sel-ru,#lang-sel-eng { height:19px; } #top-menu { height:44px; overflow:hidden; } #top-menu div { padding-right:2px; } #top-menu p { width:20%; float:left; height:44px; background:#054185; text-align:center; overflow:hidden; } #top-menu p.act { background:#f8c300; } #top-menu p.act a { color:black; } #top-menu p a { border-left:1px solid white; color:white; display:block; height:100%; width:100%; padding:14px 0 0 0;} #top-menu p a:hover { background:#f8c300; color:black; } #content-area { width:auto; padding: 17px 16px 0 16px; } #banner-area { width:auto; height:297px; background:url(/templates/grandstroy/images/plashka.jpg) repeat-x 0 0; overflow:hidden; } #banner { width:766px; height:297px; overflow:hidden; } #inner-content-area { width:auto; padding:20px 0 0 0; font: 12px Tahoma,sans-serif; } #right-inner { display:inline; width:235px; float:right; min-height:100px} #kran { background:url(/templates/grandstroy/images/kran.jpg) no-repeat 0 0; height:354px; width:235px; margin:0 0 20px 0; } .article-item { margin: 0 0 15px 0; } .article-item p.title-article { margin:4px 0;} .article-item p.title-article a { font:bold 11px Verdana,sans-serif; color: #054185; } .article-item p.article-announce { font:11px Verdana,sans-serif; color:black; text-align:justify; } .import-quotes table{width:230px;} #inner-content { width:auto; min-height:100px; margin:0 235px 0 0; padding:0 16px 0 0; text-align:justify; } #inner-content p { margin:0 0 10px 0; } #inner-content p.indent { padding: 0 0 0 30px; } #inner-content .last-projects { } #last-projects div.item { border:1px solid #e0e7ed; background:#e8f0f5; padding:6px; margin:15px 0;} #last-projects div.item td { vertical-align:top; } #last-projects div.item a img { margin:0 10px 0 0; } #last-projects div.item a { color:#054185; font-size:13px;} #last-projects div.item span { font-size:12px; } #footer { height:100px; background:#054185; margin: 50px 0 0 0; overflow:hidden; color:white; font:12px Verdana,sans-serif; } #copyrights { width:225px; padding:20px 0 0 18px; height:100px; float:left; } #bottom-menu { margin:0 255px 0 225px; height:100px; text-align:center; padding-top:20px; } #bottom-menu a { color: white; } #fax { width:220px; margin: 15px auto; text-align:left;} #studio-logo { text-align:center; width:255px; height:100px; float:right; background:url(/templates/grandstroy/images/logo-studio.jpg) no-repeat center 0; padding:77px 0 0 0} #studio-logo a { color:white; } .top-indent { height:15px; background: #e4e6e8; } .subtitle { background:#054185; color:white; font:13px Verdana,sans-serif; padding-left: 18px; margin:0 0 18px 0; } #news-block{ padding:0px 0px 0px 0px; } .contentpagetitle{color:#ec7a21;font-weight:bold;font-size:10pt;} .readon{color:#ec7a21;} .componentheading{color:#054185;font-weight:bold;font-size:12pt;} .contentheading{color:#ec7a21;font-weight:bold;font-size:10pt;} #page li{ list-style:square outside;margin-left:20px; } img a{margin:0;padding:0;} .banneritem img{margin:0;padding:0;} .thumbnail img{margin:0;padding:0;} .formBody a{text-decoration:none; font:normal 13px Verdana, sans-serif;margin-left:10px;color:#054185;} .formBody a:hover {text-decoration:underline; } .formFieldset legend{color:#054185;margin-bottom:15px;} .formFieldset input,select,textarea{margin-left:10px;} .formBody{margin-bottom:10px;} em strong{color:#EC7A21;} .latestnews em strong{color:#054185;} .latestnews p strong{color:#054185;} .latestnews p{color:#000000;} .xmap li a{text-decoration:none; font:normal 13px Verdana, sans-serif;margin-left:10px;color:#000000;} .xmap li a:hover{text-decoration:underline; } #last-projects li.latestnews{background:#e8f0f5;padding-left:10px;padding-right:10px;padding-top:10px;} .ltl{ margin:0; padding:0; font-size:8pt; } a.ltl{margin:0;padding:0;} td.ltl{height:10px;vertical-align:middle;} td.ltl img{ margin:0; padding:0p; } Помогите пжалуста, при возможности чтоб не возникало вопроса как ? Буду признателен