Цвет меню вкладок не изменяется на выбранной вкладке

Question

Цвет меню вкладок не изменяется на выбранной вкладке

0

Я перепутался с горизонтальным меню tab. Не могли бы вы помочь мне от этого? Что я хочу в меню, предположим, когда я щелкнул одну из ссылок меню табуляции, цвет меню вкладки должен измениться и быть включенным с этим цветом, когда выбранная вкладка активна. Или вы можете получить это так, что я хочу, чтобы меню было точно так же, как на stackoverflow.com

austin 13 нояб. 2013, в 12:31

Источник

0

предоставить ссылку на сайте я код
Bipin Kumar Pal 13 нояб. 2013, в 11:20
0

это HTML-код-- <div id = "ddcolortabs"> <ul> <li class = "active"> <a href="Home.aspx" title="Home"> <span> Главная страница </ span> </ a> </ li> <li> <a href="About_Us.aspx" title="About Us"> <span> О нас </ span> </a> </ li> <li> <a href = " Weddings.aspx "title =" Свадьбы "> <span> Свадьбы </ span> </a> </ li> <li> <a href="Services.aspx" title="Services"> <span> Услуги </ span> </a> </ li> <li> <a href="Gallery.aspx" title="Gallery"> <span> Галерея </ span> </a> </ li> <li> <a href = "Contact_Us.aspx" title = "Свяжитесь с нами"> <span> Свяжитесь с нами </ span> </a> </ li> </ ul> </ div>
austin 13 нояб. 2013, в 11:26
0

смотри мой комментарий.
Bipin Kumar Pal 13 нояб. 2013, в 11:36
0

Вы можете использовать jsfiddel.net, чтобы предоставить свой код.
Manolo 13 нояб. 2013, в 11:50
0

см мой пост редактирования
Bipin Kumar Pal 13 нояб. 2013, в 12:03

Показать ещё 3 комментария

Теги:

html

css

asp.net

2 ответа

1

Вы можете ссылаться ниже на ссылку, где было предоставлено решение с тем же вопросом:

Выделение строки меню в веб-приложении asp.net

SpiderCode 13 нояб. 2013, в 09:45

Ещё вопросы

предоставить ссылку на сайте я код
это HTML-код-- <div id = "ddcolortabs"> <ul> <li class = "active"> <a href="Home.aspx" title="Home"> <span> Главная страница </ span> </ a> </ li> <li> <a href="About_Us.aspx" title="About Us"> <span> О нас </ span> </a> </ li> <li> <a href = " Weddings.aspx "title =" Свадьбы "> <span> Свадьбы </ span> </a> </ li> <li> <a href="Services.aspx" title="Services"> <span> Услуги </ span> </a> </ li> <li> <a href="Gallery.aspx" title="Gallery"> <span> Галерея </ span> </a> </ li> <li> <a href = "Contact_Us.aspx" title = "Свяжитесь с нами"> <span> Свяжитесь с нами </ span> </a> </ li> </ ul> </ div>
Вы можете использовать jsfiddel.net, чтобы предоставить свой код.

Bipin Kumar Pal · Accepted Answer · 2013-11-13T09-15-00.000Z

0

Лучший ответ

#ddcolortabs li.active a span, #ddcolortabs li:hover a{ background-color: #f90;  color:#F00; text-decoration:none;}

Bipin Kumar Pal 13 нояб. 2013, в 09:15

0

<style type = "text / css"> #ddcolortabs {margin-left: 4px; Запас-топ: 29px; отступы: 0; ширина: 100%; фон: прозрачный; голосовая семья: "\"} \ ""; голосовая семья: наследовать; отступ слева: 5 пикселей; } #ddcolortabs ul {font: bold 13px Arial, Verdana, sans-serif; Маржа: 0; обивка: 0; список-стиль: нет; } #ddcolortabs li {display: inline; поле: 0 5px 0 0; обивка: 0; текст-преобразования: заглавные буквы; } .ddcolortabs li: hover, .ddcolortabs li.active {background-color: # f90; } как вы можете видеть стиль, который я применил. я думаю, что использовал span, поэтому вы можете отправить мне стиль или стиль меню, как на stackoverflow.com
austin 13 нояб. 2013, в 11:45
0

#ddcolortabs a {float: left; белый цвет; фон: # 8B0000; поле: 0 2px 0 0; отступы: 0 0 1px 3px; текст-отделка: нет; межбуквенный интервал: 1px; } #ddcolortabs a span {float: left; Дисплей: блок; / * фон: прозрачный URL (media / color_tabs_right.gif) без повтора справа вверху; * / background: # 8B0000; обивка: 6px 15px 6px 12px; } #ddcolortabs a span {float: none; } #ddcolortabs a: hover {background-color: # 008B8B; } #ddcolortabs a: hover span {background-color: # 008B8B; } #ddcolortabs #current a, #ddcolortabs #current span {/ * текущая выбранная вкладка * / background-color: # 008B8B; } остальные CSS это </ style>
austin 13 нояб. 2013, в 11:45
0

см. мой пост редактирования это работает правильно и этот код
Bipin Kumar Pal 13 нояб. 2013, в 12:01
0

спасибо дружище :)
austin 14 нояб. 2013, в 05:18
0

Пожалуйста, проголосуйте за меня и понравился этот пост. нажмите стрелку вверх
Bipin Kumar Pal 14 нояб. 2013, в 05:40

Показать ещё 3 комментария