(x)HTML/WML/CSS | Помогите с кнопками!)
Вот мой кодЭ кысысы:
.tabbed > label {
display: block;
float: left;
padding: 12px 20px;
margin-right: 5px;
cursor: pointer;
transition: background-color .3s;
}
.tabbed > label,
.tabbed > input + label {
margin-left: 5px;
margin-right: 10px;
text-align: center;
border-bottom: 5px solid #F27935;
}
.tabbed > label:hover,
.tabbed > input:checked + label {
background-color: #F27935;
color: #fff;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
margin-bottom: 10px;
border-bottom: 5px solid #D35400;
}
Вот код хумеля:
<div class="tabbed">
<label for="tab-nav-1"> <a href="#">Главная</a> </label>
<label for="tab-nav-2">Популярное</label>
<label for="tab-nav-3">Свежее</label>
<label for="tab-nav-4"> <a href="tehno.html">Технологии</a> </label>
<label for="tab-nav-5">Политика</label>
<label for="tab-nav-6">Игро-индустрия</label>
<label for="tab-nav-7">Наука</label>
</div>
Не могу сделать их рабочими - что-бы при переходе, оставалась обводка, кнопка была в действии!
Спс с меня + ;)
.tabbed > label {
display: block;
float: left;
padding: 12px 20px;
margin-right: 5px;
cursor: pointer;
transition: background-color .3s;
}
.tabbed > label,
.tabbed > input + label {
margin-left: 5px;
margin-right: 10px;
text-align: center;
border-bottom: 5px solid #F27935;
}
.tabbed > label:hover,
.tabbed > input:checked + label {
background-color: #F27935;
color: #fff;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
margin-bottom: 10px;
border-bottom: 5px solid #D35400;
}
Вот код хумеля:
<div class="tabbed">
<label for="tab-nav-1"> <a href="#">Главная</a> </label>
<label for="tab-nav-2">Популярное</label>
<label for="tab-nav-3">Свежее</label>
<label for="tab-nav-4"> <a href="tehno.html">Технологии</a> </label>
<label for="tab-nav-5">Политика</label>
<label for="tab-nav-6">Игро-индустрия</label>
<label for="tab-nav-7">Наука</label>
</div>
Не могу сделать их рабочими - что-бы при переходе, оставалась обводка, кнопка была в действии!
Спс с меня + ;)
Типа <label for="tab-nav-4"> <a href="politika.html">Политика</a> </label>
MASTURBATION, в жп их

STYX (07.05.2015 в 22:05)
MASTURBATION, в жп их
MASTURBATION, в жп их

Лол. В этом вся твоя проблема

MASTURBATION, нит, наАббарот, когда не ссылки робит, а Кахда ссыль неть
сам смотри http://styx-design.lark.ru
сам смотри http://styx-design.lark.ru
Вот смотри,у тебя код главной
Значит,нужно сделать так же,как и в главной,а именно
Попробуй вставить еще один код главной сразу после главной кнопку добавь).
<label for="tab-nav-1"> <a href="#">Главная</a> </label> - работает!
А вот код
<label for="tab-nav-2">Популярное</label> - Не работает!
А вот код
<label for="tab-nav-2">Популярное</label> - Не работает!
Значит,нужно сделать так же,как и в главной,а именно
<label for="tab-nav-1"> <a href="#">Главная</a> </label>
Попробуй вставить еще один код главной сразу после главной кнопку добавь).
MASTURBATION, я понял мысль но, нет это не будет работать оличия между 1,2,3,4.... нет в коде я задал сразу жиии активную кнопку.
STYX, Вот смотри
У тебя тупо ссылки не вписаны,конечно оно не будет работать.
<a href=""><center><img src="image/logo.jpg" alt="logo" /></center></a><br />
<div class="tabbed">
<label for="tab-nav-1"> <a href="/">Главная</a> </label>
<label for="tab-nav-2">Популярное</label>
<label for="tab-nav-3">Свежее</label>
<label for="tab-nav-4"> <a href="tehno.html">Технологии</a> </label>
<label for="tab-nav-5">Политика</label>
<label for="tab-nav-6">Игро-индустрия</label>
<label for="tab-nav-7">Наука</label>
</div>
<div class="tabbed">
<label for="tab-nav-1"> <a href="/">Главная</a> </label>
<label for="tab-nav-2">Популярное</label>
<label for="tab-nav-3">Свежее</label>
<label for="tab-nav-4"> <a href="tehno.html">Технологии</a> </label>
<label for="tab-nav-5">Политика</label>
<label for="tab-nav-6">Игро-индустрия</label>
<label for="tab-nav-7">Наука</label>
</div>
У тебя тупо ссылки не вписаны,конечно оно не будет работать.
MASTURBATION (07.05.2015 в 22:13)
STYX, Вот смотри
<a href=""><center><img src="image/logo.jpg" alt="logo" /></center></a><br />
<div class="tabbed">
<label for="tab-nav-1"> <a href="/">Главная</a> </label>
<label for="tab-nav-2">Популярное</label>
<label for="tab-nav-3">Свежее</label>
<label for="tab-nav-4"> <a href="tehno.html">Технологии</a> </label>
<label for="tab-nav-5">Политика</label>
<label for="tab-nav-6">Игро-индустрия</label>
<label for="tab-nav-7">Наука</label>
</div>
У тебя тупо ссылки не вписаны,конечно оно не будет работать.
STYX, Вот смотри
<a href=""><center><img src="image/logo.jpg" alt="logo" /></center></a><br />
<div class="tabbed">
<label for="tab-nav-1"> <a href="/">Главная</a> </label>
<label for="tab-nav-2">Популярное</label>
<label for="tab-nav-3">Свежее</label>
<label for="tab-nav-4"> <a href="tehno.html">Технологии</a> </label>
<label for="tab-nav-5">Политика</label>
<label for="tab-nav-6">Игро-индустрия</label>
<label for="tab-nav-7">Наука</label>
</div>
У тебя тупо ссылки не вписаны,конечно оно не будет работать.
Я знаю кек) ааааа, я понял, это ты не так мой вопрос понял)))
Я имел ввиду не переход по стр. А чтобы после перехода кнопка оставалась как-бы нажатой;)
Стр.: 1, 2