Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.12.2011, 04:17
Профессор
Посмотреть профиль Найти все сообщения от Solovei95
 
Регистрация: 15.03.2011
Сообщений: 353

Скажите как сделать вкладки через CSS
Скажите, как сделать динамические стили вкладок?
К примеру если target равен #tab-1 то первая вкладка должна быть красной.

JS не лучший вариант - ведь у многих стоит NoScript.
<!DOCTYPE html>
<html>
<head>
<title>CSS Tabs (exlusive)</title>
<style type="text/css">
#tabs .tab {
  display:none;
}
#tabs .tab:target {
  display:block;
}
</style>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tab-1" class="tabb">Tab 1</a>
<li><a href="#tab-2" class="tabb">Tab 2</a>
</ul>
<div id="tab-1" class="tab">Content 1</div>
<div id="tab-2" class="tab">Content 2</div>
</div>
</body>
</html>

Последний раз редактировалось Solovei95, 27.12.2011 в 04:46.
Ответить с цитированием
  #2 (permalink)  
Старый 27.12.2011, 04:21
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Сообщение от Solovei95
JS не лучший вариант - ведь у многих стоит NoScript.
Не у многих.

Сообщение от Solovei95
К примеру если target равен #tab-1 то первая вкладка должна быть красной.
http://htmlbook.ru/css/nth-child
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #3 (permalink)  
Старый 27.12.2011, 04:43
Профессор
Посмотреть профиль Найти все сообщения от Solovei95
 
Регистрация: 15.03.2011
Сообщений: 353

Погодите - я хочу сделать как в офисе: выделенная вкладка светлым, не выделенная темнее...
Или по другому - возможно ли присвоить элементу такой ID, который доступен только для target ?
т.е. есть ли аналог ID т.к. я хочу его придать вкладкам?

Последний раз редактировалось Solovei95, 27.12.2011 в 04:48.
Ответить с цитированием
  #4 (permalink)  
Старый 27.12.2011, 04:45
Профессор
Посмотреть профиль Найти все сообщения от Livaanderiamarum
 
Регистрация: 25.12.2011
Сообщений: 786

если js не лучший вариант, то тебе на другой форум.
Ответить с цитированием
  #5 (permalink)  
Старый 27.12.2011, 04:54
Профессор
Посмотреть профиль Найти все сообщения от Solovei95
 
Регистрация: 15.03.2011
Сообщений: 353

Блин...
Ответить с цитированием
  #6 (permalink)  
Старый 27.12.2011, 05:08
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Solovei95, нет, для вашей задачи придётся использовать JS.
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #7 (permalink)  
Старый 27.12.2011, 05:13
Профессор
Посмотреть профиль Найти все сообщения от Solovei95
 
Регистрация: 15.03.2011
Сообщений: 353

Мне тогда важно, чтобы работало везде!
Ответить с цитированием
  #8 (permalink)  
Старый 27.12.2011, 05:15
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Solovei95, пишите сами и задавайте конкретные вопросы по ходу дела, либо вам в раздел "Работа".
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать как в JQ? faforty Общие вопросы Javascript 8 14.11.2011 01:35
Как сделать реакцию на изменение любого элемента формы. Mik Events/DOM/Window 3 28.07.2011 08:52
Как сделать постоянную проверку на javascript alb Общие вопросы Javascript 18 09.01.2010 14:05
Как сделать электронный каталог продукции? natarius Серверные языки и технологии 6 24.05.2009 20:56
Как лучше сделать глобальный массив skyfish AJAX и COMET 4 17.02.2009 18:05