Driven

cпасибо, помогло

Подскажите, откуда взялась эта белая полоса между меню и картинкой, что это за отступ ? http://codepen.io/anon/pen/KgKVWk

Вопрос решился после добавления к first-child , padding 1px . Тема закрыта

Всем привет! Не получается сверстать вот такие табы не могу понять что делаю не так . все что получается у меня это непонятно почему вылезла эта линия внизу, в не активном режиме и не получается ее скрыть. При нажатии вроде как все нормально , а вот именно сначала вылазит эта линия . Надеюсь на помощь ) вот код <div class="col-md-7"> <div class="tabs_header clearfix"> <div class="wrapper"> <div class="tabs clearfix"> <span class="tab">Скидки учащимся</span> <span class="tab">Дополнительные скидки</span> </div> <div class="tab_content"> <div class="tab_item"> <ul> <li>10% владельцу карты на продолжение обучения на следующем уровне</li> <li>5% предъявителю карты на все программы обучения</li> <li>3-5% на обучение за рубежом</li> </ul> </div> <div class="tab_item">Содержимое 2</div> </div> </div> </div> .tabs_header .tab{ float: left; } .tabs_header .tabs span { display: inline-block; background:rgba(255,255,255,.25); padding:12px 18px; text-transform: uppercase; cursor: pointer; } .tabs_header .tabs span.active{ background-color: rgba(255,255,255,.35); color: #000; } .tabs_header .tab_content{ background-color: rgba(255,255,255,.35); padding:10px 18px; } .tabs_header ul li{ list-style-type: none; margin:0; padding: 0; text-transform: uppercase; color: #000; padding-left: 40px; } .wrapper .active { color: red; } .tab_item { display: none; } .tab_item:first-child { display: block; } $(document).ready(function() { $(".tab_item").not(":first").hide(); $(".tabs_header .wrapper .tab").click(function() { $(".tabs_header .wrapper .tab").removeClass("active").eq($(this).index()).addClass("active"); $(".tabs_header .tab_item").hide().eq($(this).index()).fadeIn() }).eq(0).addClass("active"); });