Меню при наведении с тенью. КАК?

Вид для печати

Показывать 40 сообщений этой темы на одной странице

30.03.2007, 12:46
DELPHIna

Еть горизонтальное меню основным фоном. При наведении мышью и при активном пункте фон становиться белым + слева-сверху и справа по краям градиентная тень серая допустим.

Какое бы решение Вы предложили бы?
что то с идеями никак....либо слишком громоздко думается. К чему возможно привязать картинки тени? или как это вообще делается на Css?

Цитата:

<div id="menu">
<ul id="navlist">[*][Only registered and activated users can see links. Click Here To Register...][*][Only registered and activated users can see links. Click Here To Register...][*][Only registered and activated users can see links. Click Here To Register...][*][Only registered and activated users can see links. Click Here To Register...][/list]

[/quote]

P.S. и именно только когда ссылка a:hover и a:active тогда тень есть.
30.03.2007, 14:07
Aykroyd

Никаких проблем. )
Просто вместо фонового цвета вставляем в CSS фоновые изображения для ссылок...
30.03.2007, 14:33
DELPHIna

Aykroyd, так получиться только, если нам известно размер пунктов меню....

а если неизвестен???

в меню может быть и пункт: "Контакты" и может быть длинная фраза "Обслуживание техники ККМ" например...

нужно чтобы не привязывался фон к размеру пункта меню!
30.03.2007, 14:43
Aykroyd

Либо уравниваем по ширине все пункты, либо для каждого пункта – индивидуальный кусок фона. Оба варианта приемлемы.
30.03.2007, 14:45
DELPHIna

**либо для каждого пункта – индивидуальный кусок фона*** ну как же я узнаю заранее какого размера будет пункт меню???

обычно пункты меню хранятся в бд, и их может спокойно через админку модифицировать по своему умолчанию пользователь. Программист у нас только за то, чтобы всё менялось динамически и ничто не привязывалось строго.... тем более пункты меню.

И всё таки...есть ли возможность сделать именно тени слева - сверху-справа к ссылке которую нажимают и нажали уже???
31.03.2007, 16:37
Zigzag

Ден Седерхольм в своей книге хорошо описывает ситуацию, когда вы не знаете конечный размер блока, но при этом вам нужно обязательно впихнуть в него какой-то графический элемент. В 2х словах, делайте этот элемент больше и просто скрывайте часть его.
31.03.2007, 23:22
DELPHIna

Zigzag ,..я где то читала об этом...но уже и не вспомниь...есть хоть какая то ссылка на пример или статью. А может что у Вас в запаснике есть???
01.04.2007, 00:07
Zigzag

[Only registered and activated users can see links. Click Here To Register...]
вот здесь в меню я использовал этот прием, хотя пример не самый удачный, т.к. меню очень простое, но для примера, думаю, сойдет
01.04.2007, 00:22
Aykroyd

Пример весьма удачный. ) И меню симпатичное. ))
Но видишь, Паш, какая тут заковыка – тень нужна слева-сверху-справа. А при неизвестной ширине блока это мне кажется невозможным... Может быть ошибаюсь... )
01.04.2007, 01:42
Zigzag

тень сразу в 3х направлениях??? может стоит дизайнеру отрубить руки, а потом заставить его на макете указать источник света и выставить таки тень только по двум направлениям?
02.04.2007, 09:48
DELPHIna

Zigzag ...да...пример Вы дали, да не тот.... Это не моё дело руки дизайнеру отрубать [Only registered and activated users can see links. Click Here To Register...] Мне дали, я должна нарезать..... Вот если всё таки есть такое заддание....как же кго сделать то? Неужели нет идей никаких??? А?
02.04.2007, 12:56
Aykroyd

К нам посылайте – мы отрубим... )
Мало ли что Вам там дали. Более того, то, что Вам дали, вряд ли реализуемо и при табличной модели. Вы над этим не задумывались? [Only registered and activated users can see links. Click Here To Register...]
02.04.2007, 13:47
DELPHIna

Aykroyd при табличной вёрстке это элементарно....я так уже 100 раз делала....может ячто не так объясняю...см. рисунок ниже:

там где квадрат красный...это уголок таблицы(может и не быть...обычно если он загнутый какой ...его так делают)
02.04.2007, 13:58
Aykroyd

Ага, замечательно. Очень бы я хотел посмотреть, как все эти ячейки будут менять содержимое при наведении курсора мыши на основную резиновую область... [Only registered and activated users can see links. Click Here To Register...]
02.04.2007, 14:18
DELPHIna

Aykroyd.... что то Вы меня совсем в тупик ввели... :crazy:

вот смотрите ниже...я прикрепляю картинки и файлик.... я вот про такое говорю....вот такое мне нужно только на div сделать:

Код:

<body bgcolor="f3e8a6"> <table width="50%" border="0" cellspacing="0" cellpadding="0"> *<tr> * *<td height="2" colspan="3" *style="background: url(menu_top.gif) *top repeat-x;"></td> *</tr> *<tr> * *<td width="5" *style="background: url(menu_left.gif) *top left repeat-y;"></td> * *<td width="100%" align="center" bgcolor="FFFFFF">текст </td> * *<td width="5" *style="background: url(menu_right.gif) *top right repeat-y;"></td> *</tr> *<tr> * *<td colspan="3" ></td> *</tr> </table> </body>

вот пункт меню с тенью на таблицах
02.04.2007, 14:35
Aykroyd

Цитата:

Originally posted by DELPHIna@Apr 2 2007, 14:18
Aykroyd.... что то Вы меня совсем в тупик ввели... :crazy:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Это моя специальность. )))

Цитирую самый первый пост:
<div class='quotetop'>Цитата</div>

Цитата:

При наведении мышью и при активном пункте фон становиться белым + слева-сверху и справа по краям градиентная тень серая допустим.[/b]

Это как понимать? Ладно...

Не знаю. Если только поверху[*] – верхнюю тень, а по бокам – два вложенных дива с абсолютным позиционированием... Но это великое извращение, на которое лично я бы никогда не пошел, послав дизайнера куда-подальше...
02.04.2007, 18:43
Scorched.dn.ua

насчет отрубать руки дизайнеру: все правильно, имхо лучше сделать таблицами чем не сделать вобще никак. не вижу смысла при решении этой задачи избегать использования таблиц, заменяя их на дивы. красивее верстка от этого уж точно не станет.
02.04.2007, 18:49
Aykroyd

Цитата:

Originally posted by Scorched.dn.ua@Apr 2 2007, 18:43
не вижу смысла при решении этой задачи избегать использования таблиц, заменяя их на дивы. красивее верстка от этого уж точно не станет.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Если по Вашему мнению блочная модель приносит плоды только в качестве красивой верстки, то несомненно...
02.04.2007, 18:50
Scorched.dn.ua

заменив таблицы на дивы в данном случае мы не получим выгоды ни в каком плане
02.04.2007, 19:02
Aykroyd

Честно говоря, не ожидал... )

Как насчет версий для печати, PDA, брайля? Искусственного интеллекта, способного отличить ячейку с навигацией от ячейки с основным содержимым, пока еще не изобрели...

Показывать 40 сообщений этой темы на одной странице