Jump to content

Gestein

Newbie
  • Posts

    5
  • Joined

  • Last visited

Gestein's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. После вставки дива в лайбел все поулчилось так как хотел. Есть и описания тарифов и ссылочку можно вставить. Но вот одна проблема. Последний блок выходит за рамки дизайна. Как решить? Код такой. На данный момент. Как выезжает можно заценить по адресу getop.ru HTML: <div id="accordion"><input type="radio" checked="checked" name="menu" id="ch1"/><label for="ch1"><div class="service_des">Тест Тест Тест</div></label><input type="radio" name="menu" id="ch2"/><label for="ch2"><div class="service_des">Тест Тест Тест</div></label><input type="radio" name="menu" id="ch3"/><label for="ch3"><div class="service_des">Тест Тест Тест</div></label><input type="radio" name="menu" id="ch4"/><label for="ch4"><div class="service_des">Тест Тест Тест</div></label><input type="radio" name="menu" id="ch5"/><label for="ch5"><div class="service_des">Тест Тест Тест </div></label><input type="radio" name="menu" id="ch6"/><label for="ch6"><div class="service_des">Тест Тест Тест</div></label></div>CSS:input[type=radio] { display: none;}label { display: block; width: 100px; height: 180px; float: left;}label:nth-of-type(1) { background: url(../images/alpha_2.png) no-repeat;}label:nth-of-type(2) { background: url(../images/beta_2.png) no-repeat;}label:nth-of-type(3) { background: url(../images/gamma_2.png) no-repeat;}label:nth-of-type(4){ background: url(../images/delta_2.png) no-repeat;}label:nth-of-type(5){ background: url(../images/omega_2.png) no-repeat;}label:nth-of-type(6){ background: url(../images/buy_2.png) no-repeat;}input:checked + label { width: 400px;}#accordion{height: 180px;width: 900px;float: left;margin-top: 10px;}.service_des {height: 180px;width: 300px;float: left;margin-left: 100px;}
  2. Хорошо отпишу в этой темке о возникших проблемах.
  3. Спасибо кое что уже получилось. Вот тут можно посмотреть http://getop.ru. Сейчас буду пробовать доделать полностью. Если что отпишу в ЛС вам уважаемый afdw!
  4. Добрый день! Мне нужна помощь в написании слайдера в стиле аккордеон для моего сервиса. Есть вот такое меню надо сделать его в стиле аккордеон. С чего начать? Очень нужна помощь.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy