Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выезжающий текст / 25 сообщений из 41, страница 1 из 2
  1  все
12.09.2008, 02:20
    #35535423
AcAlex
AcAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Привет всем.
Срочно нужна помощь.
Вот здесь находится меню которое мне надо сделать http://resp.demo.artmedia.by/
Все почти готово, только возникла проблема с выезжающими ссылками. Как их сделать?

К сообщению прикреплены исходники.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 17:24
    #35536993
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
опять ты со своими глюками? что на этот раз не так?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 17:37
    #35537024
artmedia
artmedia
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Это уже не я =)) а программер мой

Мы воспользовались твоим мудрым советом ) и переделали http://demos111.mootools.net/Fx.Elements под то что нам надо (приатаччено к преведущему посту? или тут http://mybrest.net/temp/ можно посмотерть)
только вот с выезжающими пунктами меню как на http://resp.demo.artmedia.by/ проблеммы... пытались реализовать это парой способов, но не получалось чтобы оно было кроссбраузерно

может кто подскажет как такое правильно сделать?

Заранее спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 17:46
    #35537054
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
ну новый вариант конечно уже лучше, но все равно подлагивает, че-то дергается в нем, когда назад съезжает.

насчет ссылок - внутрь блока повесь плавающий див с текстом, маргин слева у него поставь побольше. Блоку overflow: hidden ессено. Ну и на раскрытие-закрытие повесь параллельную анимацию, которая будет этот маргин уменьшать и увеличивать
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 18:05
    #35537106
artmedia
artmedia
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
через overflow: hidden пробывали...

сразу заработало в Опере, после некоторых манипуляций заработало в IE
но вот в FF overflow: hidden так и незатело работать ((
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 18:24
    #35537151
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
что именно не захотело? научись описывать проблему
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 19:00
    #35537205
AcAlex
AcAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
В FF 3.0 если таблица выходит за пределы блока (с overflow: hidden), она, не скрывается как должна, а все равно отображается полностью.
Вот прикрепил этот вариант чтобы было понятнее
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 19:18
    #35537226
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
че-то там все так страшно и не работает, что даже смотреть не хочется
для начала поставь у основной таблицы table-layout: fixed;, тогда начнет обрезать
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 19:32
    #35537235
AcAlex
AcAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
После этого действия ширина ячейки становится фиксированной и при наведении на менюшку она не меняет своего размера
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 19:33
    #35537238
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
у меня она и щас не меняла. Вообще лучше бы на дивах сделал, как в исходном примере.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 19:37
    #35537242
AcAlex
AcAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Так вот я очем и говорю - в FF не работает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 19:44
    #35537249
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
у меня ещё в хроме не работает, а это уже плохой признак
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 22:31
    #35537347
apapacy
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
AcAlexПривет всем.
Срочно нужна помощь.
Вот здесь находится меню которое мне надо сделать http://resp.demo.artmedia.by/
Все почти готово, только возникла проблема с выезжающими ссылками. Как их сделать?

К сообщению прикреплены исходники.

1) Для того чтобы внутри TD дать меню. меню заключите в DIV, и используйте float:left
2) Для того, чтобы DIV с меню не скакал под картинку при сужении - прячте его display:none
3) Купити книгу по HTML, CSS, DOM, JavaScript - Вы еще не потеряны для программирования. Ждем Ваших новых достижений.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.09.2008, 22:34
    #35537350
apapacy
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Уточню, не потеряны для веб-пргограммирования. Иожет Вы гуру по С++
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.09.2008, 00:19
    #35537420
AcAlex
AcAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Зделал как написано в предыдущем посте: все работает нормально в FF и в опере, но в IE при ведении мышкой с одного пункта меню на другой снизу мигуют ссылки. В чем может быть дело?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.09.2008, 01:54
    #35537446
apapacy
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Достаточно убрать nowrap и можно добавить relative

Код: plaintext
1.
2.
3.
4.
5.
6.
.div {
           position:relative;
	margin-top:60px;
	display:none;	
	overflow:hidden;
      }

Но тогда будут в несколько сторчек выводиться строчки меню.
Я думаю можно кругом прописать высоту (все равно вы ее прописываете для картинок) и предусмотреть margin и padding. Потому что скачут элементы от наезда друг на друга.

В IE как relative ведет absolute. Вобщем. помудрите, а потом расскажите нам как это правильно сделать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.09.2008, 01:57
    #35537447
apapacy
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Имеется в виду в IE adsolute без указания конкретного значения top и left. Но это фича (практически баг)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.09.2008, 03:16
    #35537464
AcAlex
AcAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Не помогло, то что я убрал nowrap. Текст выводится в несколько строк и при этом остался тот же эффект.
А вот про высоту я не совесем понял. Можно поподробней?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.09.2008, 04:31
    #35537478
apapacy
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Я, не смог убрать такое поведение. Вот так будет работать только в IE

Код: plaintext
1.
2.
3.
4.
5.
6.
.div {  position:absolute;
	margin-top:60px;
	display:none;	
	overflow:hidden;
	white-space:nowrap;
}

Возможно, что таблицы будут всегда "помогать" показать весь контент.
Попробуйте все сверстать DIV. Типа 4 ДИВа float:left;overflow:hidden;height=...., а в них все остальное. Должно получиться. Не забывайте оставлять margin>0 и padding>0.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.09.2008, 22:58
    #35537971
AcAlex
AcAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Вообщем выше изложеный способ для IE работает, только при наведении на меню - ссылки появляются поверх следующего меню. Как это можно исправить?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.09.2008, 23:16
    #35537980
apapacy
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Для этого (IE-only) и у картинок (таблиц) можно задать position:absolute и использовать z-index.
Но лучше двигайтесь в сторону DIV.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.09.2008, 16:28
    #35538300
AcAlex
AcAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Привет.
Теперь меню почти готово, только блоки как-то странно дергаются.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.09.2008, 17:02
    #35538318
NEKRASSOV
NEKRASSOV
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
AcAlexПривет.
Теперь меню почти готово, только блоки как-то странно дергаются.

задергаешься тут

В инете полно готовых решений с готовым яваскриптом. Бесплатных. Отлаженных.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.09.2008, 17:14
    #35538322
artmedia
artmedia
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
подскажи плиз пару линков если не сложно

потому что искали и ничего похего не нашли
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.09.2008, 18:06
    #35538353
NEKRASSOV
NEKRASSOV
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
выезжающий текст
Ну, вот например, интересная ссылочка про динменю с помощью css: css

А вот несколько примеров всяки разных менюшек (сбоку выезжают, разворачиваются как грамота и т.п.). Мне тоже интересно стало. Скачал все примеры.

javascript

И это далеко не все. Зайдите в яндекс и наберите "динамическое меню"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выезжающий текст / 25 сообщений из 41, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 473ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455887]:
 0ms
get settings:
 6ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 140ms
get topic data:
 12ms
get forum data:
 4ms
get page messages:
 75ms
get tp. blocked users:
 1ms
others: 212ms
total:  473ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]