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

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

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

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

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

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

сразу заработало в Опере, после некоторых манипуляций заработало в IE
но вот в FF overflow: hidden так и незатело работать ((
...
Рейтинг: 0 / 0
12.09.2008, 18:05
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537151
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
что именно не захотело? научись описывать проблему
...
Рейтинг: 0 / 0
12.09.2008, 18:24
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537205
AcAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AcAlex
Гость
В FF 3.0 если таблица выходит за пределы блока (с overflow: hidden), она, не скрывается как должна, а все равно отображается полностью.
Вот прикрепил этот вариант чтобы было понятнее
...
Рейтинг: 0 / 0
12.09.2008, 19:00
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537226
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
че-то там все так страшно и не работает, что даже смотреть не хочется
для начала поставь у основной таблицы table-layout: fixed;, тогда начнет обрезать
...
Рейтинг: 0 / 0
12.09.2008, 19:18
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537235
AcAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AcAlex
Гость
После этого действия ширина ячейки становится фиксированной и при наведении на менюшку она не меняет своего размера
...
Рейтинг: 0 / 0
12.09.2008, 19:32
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537238
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
у меня она и щас не меняла. Вообще лучше бы на дивах сделал, как в исходном примере.
...
Рейтинг: 0 / 0
12.09.2008, 19:33
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537242
AcAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AcAlex
Гость
Так вот я очем и говорю - в FF не работает.
...
Рейтинг: 0 / 0
12.09.2008, 19:37
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537249
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
у меня ещё в хроме не работает, а это уже плохой признак
...
Рейтинг: 0 / 0
12.09.2008, 19:44
| Ответить | Цитировать | Написать  
выезжающий текст
    #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:31
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537350
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
Уточню, не потеряны для веб-пргограммирования. Иожет Вы гуру по С++
...
Рейтинг: 0 / 0
12.09.2008, 22:34
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537420
AcAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AcAlex
Гость
Зделал как написано в предыдущем посте: все работает нормально в FF и в опере, но в IE при ведении мышкой с одного пункта меню на другой снизу мигуют ссылки. В чем может быть дело?
...
Рейтинг: 0 / 0
13.09.2008, 00:19
| Ответить | Цитировать | Написать  
выезжающий текст
    #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:54
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537447
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
Имеется в виду в IE adsolute без указания конкретного значения top и left. Но это фича (практически баг)
...
Рейтинг: 0 / 0
13.09.2008, 01:57
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537464
AcAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AcAlex
Гость
Не помогло, то что я убрал nowrap. Текст выводится в несколько строк и при этом остался тот же эффект.
А вот про высоту я не совесем понял. Можно поподробней?
...
Рейтинг: 0 / 0
13.09.2008, 03:16
| Ответить | Цитировать | Написать  
выезжающий текст
    #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, 04:31
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537971
AcAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AcAlex
Гость
Вообщем выше изложеный способ для IE работает, только при наведении на меню - ссылки появляются поверх следующего меню. Как это можно исправить?
...
Рейтинг: 0 / 0
13.09.2008, 22:58
| Ответить | Цитировать | Написать  
выезжающий текст
    #35537980
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
Для этого (IE-only) и у картинок (таблиц) можно задать position:absolute и использовать z-index.
Но лучше двигайтесь в сторону DIV.
...
Рейтинг: 0 / 0
13.09.2008, 23:16
| Ответить | Цитировать | Написать  
выезжающий текст
    #35538300
AcAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AcAlex
Гость
Привет.
Теперь меню почти готово, только блоки как-то странно дергаются.
...
Рейтинг: 0 / 0
14.09.2008, 16:28
| Ответить | Цитировать | Написать  
выезжающий текст
    #35538318
NEKRASSOV
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NEKRASSOV
Участник
AcAlexПривет.
Теперь меню почти готово, только блоки как-то странно дергаются.

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

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

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

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

javascript

И это далеко не все. Зайдите в яндекс и наберите "динамическое меню"
...
Рейтинг: 0 / 0
14.09.2008, 18:06
| Ответить | Цитировать | Написать  
25 сообщений из 41, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выезжающий текст
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35537249&tid=1455887]:
 0ms
get settings:
 8ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 141ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 83ms
get tp. blocked users:
 2ms
others: 229ms
total:  500ms
созд. / загр.: 500ms
x
x
Закрыть


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