|
Проблема с простой панелью навигацииОбсуждение темы Проблема с простой панелью навигации в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Все работает! Разные ссылки настроил разными цветами. Остается не решенной одна проблема - ячейка больше (шире и выше) текста ссылки, находящегося в ней. ... |
|
Опции темы |
16.06.2007, 04:33 | #11 |
|
Все работает! Разные ссылки настроил разными цветами. Остается не решенной одна проблема - ячейка больше (шире и выше) текста ссылки, находящегося в ней. Фон ячейки ну никак не получается заставить изменяться вместе с изменением фона текста-ссылки при наведении на него курсора... Что делать? Пробовал текст заключить в div таг и побаловаться со всякими отступами - не получается...
В прилагающемся файле видно, как я хочу заставить фон ячейки меняться с синего на оранжевый. |
|
16.06.2007, 06:26 | #12 |
|
Каким образом вы делали кнопки на сайте?
Обычно к тэгу <a..></a> в Css стиле добавляют "display: block" и padding. Можно добавить border по краям. В стиле для a:hover ничего писать не нужно. Код получится примерно таким: a { ... display: block; padding: 2px 5px; border-left: 1px solid white; border-right: 1px solid white; ... } После чего тег <a> будет иметь отступы в 2px сверху и снизу, и в 5px справа и слева. А также рамку шириной в 1px белого цвета справа и слева. |
|
19.06.2007, 05:30 | #13 |
|
John, хочу поблагодарить Вас за неоценимую помощь! Спасибо Вам! Вроде бы все получилось. Вот, можете посмотреть:
www.roco-piko.ru Единственное, не понятно как сделать так, чтобы при заходе на страничку меню "О НАС" оранжевый фон оставался оранжевым. |
|
19.06.2007, 16:36 | #14 | |||
|
Цитата:
Цитата:
добавил в CSS стиль для некого элемента <a id="press">: ... { /*стиль для нажатой кнопки*/ } ... В каждой странице к тэгу <a> с ссылкой на эту страницу добовляется id="press'. После чего Цитата:
|
|||
|
19.06.2007, 17:31 | #15 |
|
зачем так усложнять себе жизнь? изучи обычный HTML и CSS. Всё будеи намного легче и приятнее. Нафиг этот Dreamwere?
|
|
21.06.2007, 08:37 | #16 |
|
John, что-то не могу понять, как это сделать с шаблоном - у меня все страницы сделаны из одного шаблона. Поэтому, когда я открываю какую-нибудь страницу, то верхнее и левое меню заблокированы, как Repeating regions.
Я не могу понять смысл, т.е. алгоритм, как таким образом определится фон. Как обозреватель "поймет", что это свойство "press" должно быть присвоено тогда, когда данная ссылка ОТКРЫТА. Когда мы, например, присваиваем id "a:hover", то в его названии уже заложено, что это стиль, который должен примениться при наведении мышки. Fred_Bulsara добавил [date]1182401634[/date]: Получается, мы должны создать действие (ПРИСВОЕНИЕ оранжевого фона ссылке "О НАС") на определенное событие - ОТКРЫТИЕ броузером страницы "О НАС". |
|
21.06.2007, 09:21 | #17 |
|
Fred_Bulsara, Вы в html-код каждой страницы должны добавить id="press" к тому тэгу <a> вашего главного меню который ссылается на эту же самую страницу. То есть в каждой странице id="press" будет добавлено к разным тэгам <a> вашего меню. После чего открывая страницу, например "о нас", (в которой у вас тэг <a> кнопки меню "о нас" будет выглядеть примерно так: ... О НАС ... )браузер присваивает тэгу <a> с id="press" тот стиль, который вы указали в css стиле для a#press. Вроде понятно разъяснил.
|
|
21.06.2007, 10:32 | #18 |
|
Спасибо, John.
Пока не получается... А какое имя присваивать классу "press" - ведь это класс, который будет относиться к ссылке: #press a или просто #press? Классу "press" я присваиваю ТОЛЬКО фон - ведь остальные свойства принадлежат тэгу div, внутри которого находятся ссылки О НАС, КАК КУПИТЬ. |
|
21.06.2007, 15:56 | #19 | |
|
Fred_Bulsara, "press" - это не класс, а идентификатор, т.е. он может применяться только один раз. Как раз этот идентификатор и позволяет определить браузеру какая кнопка нажата.
Цитата:
P.S. Но не обязательно применять название "press", вы можете назвать его как-нибудь по-другому, главное чтобы вам было понятно что означает это ID. |
|
|
21.06.2007, 20:22 | #20 |
|
Я понимаю, что это идентификатор, а не класс, "класс" писать короче.
У меня верхняя панель навигации была Repeating region. Я сделал ее Editiable (может быть здесь больше подходит Optional region) - чтобы применить press id к четырем страницам - О НАС, КАК КУПИТЬ, АУКЦИОН и КОНТАКТЫ. Но результата пока нет. Пробую. |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
шаблоны и панель навигации в dreamweaver cs4 | revolter | HTML, CSS, JavaScript | 1 | 08.02.2010 14:47 |
Создание навигации, speed bar | Torron | HTML, CSS, JavaScript | 1 | 06.04.2009 00:04 |
Проблема в навигации! | bum | Растровая графика | 1 | 14.07.2008 07:12 |
Навигация по навигации (средства и методы) | IdeeFixe | Кальянная | 5 | 12.12.2005 00:35 |
Предложите варианты навигации | razawa | HTML, CSS, JavaScript | 5 | 12.02.2004 09:12 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|