![]() |
Модераторы: Illuminaty |
![]() ![]() ![]() |
|
Guedda |
|
|||
![]() Подрывник ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3137 Регистрация: 27.12.2005 Где: Ростов-на-Дону Репутация: 3 Всего: 78 |
Доброго времени суток. Подскажите, как можно лучше реализовать следующее. есть три ячейки таблицы, под ними располагается одна единственная ячейка с текстом (см. рис.):
так вот после наведения мышкой на слово Меню, раскрывалось меню, а весь текст смещался вправо (то есть, освобождение как бы для этого меню (имеется ввиду, что меню не закрывает текст.)) как на втором рисунке: Подскажите, пожалуйста, как и через что это лучше реализовать? Заранее благодарен. Это сообщение отредактировал(а) Guedda - 21.11.2007, 11:04 -------------------- Ll 2 |
|||
|
||||
Castro |
|
|||
Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 353 Регистрация: 31.8.2007 Где: Украина Репутация: 3 Всего: 5 |
Единственное, что приходит в голову- это обрабатывать onMouseOver меню, а потом через DOM менять параметры ячейки с текстом, как вариант делать ей colspan=2, задавая левой ячейке размер равный ширине меню + ещё некоторый отступ для удобства чтения, но не ясно конечно в какой из этих ячеек окажется текст.
Ещё можно сделать блоками -это ИМХО проще. Тот же onMouseOver меню, но пока меню не активно, левый <div style="display:none;width:200px;">(хм..возможено ещё нужно и float:left), правому не указываете ширину - он и так должен занять всю ширину содержащего блока. Как только наводите на меню курсор, меняем стиль скрытого блока на display:block - у Вас вылезает Вас левый блок и двигает "резину" справа. ![]() Это сообщение отредактировал(а) Castro - 21.11.2007, 12:11 |
|||
|
||||
dstorm81 |
|
|||
![]() бездельник ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 1178 Регистрация: 18.1.2006 Где: (16RU) Репутация: 3 Всего: 39 |
положить внуть большой объединенной ячейки div со стилем float и display:none
а потом когда меню будет выпадапть присваивать этому div display="block" вот как то так -------------------- на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#) |
|||
|
||||
Guedda |
|
|||
![]() Подрывник ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3137 Регистрация: 27.12.2005 Где: Ростов-на-Дону Репутация: 3 Всего: 78 |
а как реализовать это самое присваивание??? что нужно написать примерно???
-------------------- Ll 2 |
|||
|
||||
Castro |
|
|||
Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 353 Регистрация: 31.8.2007 Где: Украина Репутация: 3 Всего: 5 |
Смотрите.
Задаёте Вашему диву id, потом жабаскриптом ищете его function f(divID)
Примерно так, если не ошибаюсь, давненько не писал на жабаскрипте. Это сообщение отредактировал(а) Castro - 21.11.2007, 16:55 |
|||
|
||||
dstorm81 |
|
|||
![]() бездельник ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 1178 Регистрация: 18.1.2006 Где: (16RU) Репутация: 3 Всего: 39 |
-------------------- на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#) |
|||
|
||||
![]() ![]() ![]() |
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |