2
26_RUSSS
Гость
Меню не так чуть отоброжается а верней 2 кнпоки tabs , вот код <div class="section"> <ul class="tabs"> <li class="current">1-я вкладка</li> <li>2-я вкладка</li> </ul> <div class="box visible"> Содержимое первого блока </div> <div class="box"> Содержимое второго блока </div></div><!-- .section -->вот css/*Tabs2-----------------------------------------------*/ul.tabs2 { height: 28px; line-height: 25px; list-style: none;}ul.tabs2[class$="big"] { height: 41px; line-height: 19px; list-style: none;}.tabs2 li { font: bold italic 16px/25px "Trebuchet MS", Arial, serif; float: left; display: inline; text-align: center; margin: 0 1px 0 0; color: #777; cursor: pointer; background: #F9F9F9; border: solid 1px #ddd; position: relative; width: 140px;}.tabs2[class$="big"] li { font: bold italic 14px/19px "Trebuchet MS", Arial, serif; float: left; display: inline; text-align: center; margin: 0 1px 0 0; color: #777; cursor: pointer; background: #F9F9F9; border: solid 1px #ddd; position: relative; width: 140px;}.wrap[class$=blue] .tabs2 li:hover {background: #fef6c0;}.wrap[class$=yellow] .tabs2 li:hover {background: #daf2ff;}.tabs2 li:hover { background: #fef6c0;}.tabs2 li.current { color: #444; background: #fff; padding-bottom: 2px; border: 1px solid #ddd; border-bottom: 1px solid #fff;}.tabs2 li.current:hover, .wrap[class$=blue] .tabs2 li.current:hover, .wrap[class$=yellow] .tabs2 li.current:hover {background: #fff;}ul.tabs { height: 28px; line-height: 25px; list-style: none;}ul.tabs[class$="big"] { height: 41px; line-height: 19px; list-style: none;}.tabs li { font: bold italic 16px/25px "Trebuchet MS", Arial, serif; float: left; display: inline; text-align: center; margin: 0 1px 0 0; color: #777; cursor: pointer; background: #F9F9F9; border: solid 1px #ddd; position: relative; width: 140px;}.tabs[class$="big"] li { font: bold italic 14px/19px "Trebuchet MS", Arial, serif; float: left; display: inline; text-align: center; margin: 0 1px 0 0; color: #777; cursor: pointer; background: #F9F9F9; border: solid 1px #ddd; position: relative; width: 140px;}.wrap[class$=blue] .tabs li:hover {background: #fef6c0;}.wrap[class$=yellow] .tabs li:hover {background: #daf2ff;}.tabs li:hover { background: #fef6c0;}.tabs li.current { color: #444; background: #fff; padding-bottom: 2px; border: 1px solid #ddd; border-bottom: 1px solid #fff;}.tabs li.current:hover, .wrap[class$=blue] .tabs li.current:hover, .wrap[class$=yellow] .tabs li.current:hover {background: #fff;}/*Tabs-----------------------------------------------*/.clear {clear: both; height: 0;}.wrap {padding: 4px; background: #f4f4f4; margin: 20px 0 0 0;}.wrap[class$=blue] {background: #daf2ff;}.wrap[class$=yellow] {background: #fef6c0;}.box {border: solid 1px #ddd; padding: 10px; background: #fff; display: none;}.box.visible {display: block;}вот скрин как отображает
