Показано с 1 по 14 из 14

Тема: помогите с onmouseover

  1. #1

    Регистрация
    21.05.2008
    Сообщений
    6
    Помогите плиз справиться с такой проблемой:
    раньше было так
    <div id="item2">[Только зарегистрированные пользователи могут видеть ссылки. ]</div>

    и не работало в ФФ и ругалось на использование java-script в ИЕ. Хотелось бы корректно переписать меню. Как это лучше всего сделать? Заранее спасибо.

  2. #2

    Регистрация
    14.04.2007
    Сообщений
    136
    ява скрипт выкиньте вобще..
    а нада написать два правила в css:
    #item2 {background:url(&#39;images/menu_item.jpg&#39;}
    #item2:hover {background:url(&#39;images/menu_item_v.jpg);}

    Но такой вариант не будет работать в ИЕ (т.к. он понимает псевдокласс hover только для ссылки(А)). Если есть возможно - растяните A до размеров div (установите a какой-то id, и примените ему правило display:block(если позволяет ситуация) - и применяйте выше написанные правила к ссылке. Вобще-то в таком случае Вам понадобится прелоадинг картинки, а тут уже есть несколько способов. Вот ссылка по теме - прочтите и Вам сразу станет ясно, как поступить
    [Только зарегистрированные пользователи могут видеть ссылки. ]

  3. #3

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    1. Делайте меню списком, а не дивами.
    2. Прелоад и смену изображения делайте с помощью CSS-свойства background-position.

  4. #4

    Регистрация
    21.05.2008
    Сообщений
    6
    Originally posted by KukMan@May 21 2008, 16:08
    ява скрипт выкиньте вобще..
    а нада написать два правила в css:
    #item2 {background:url(&#39;images/menu_item.jpg&#39;}
    #item2:hover {background:url(&#39;images/menu_item_v.jpg);}

    Но такой вариант не будет работать в ИЕ (т.к. он понимает псевдокласс hover только для ссылки(А)). Если есть возможно - растяните A до размеров div (установите a какой-то id, и примените ему правило display:block(если позволяет ситуация) - и применяйте выше написанные правила к ссылке. Вобще-то в таком случае Вам понадобится прелоадинг картинки, а тут уже есть несколько способов.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    спасибо за ответ. К ссылке не получается фоном поставить - картинка урезается, к списку - то же самое. Поэтому и поставила в блоки. Буду пробовать.

  5. #5

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by gata@May 22 2008, 09:57
    спасибо за ответ. К ссылке не получается фоном поставить - картинка урезается, к списку - то же самое. Поэтому и поставила в блоки. Буду пробовать.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    а чем, по вашему, отличается блочная ссылка от блочного элемента списка, кроме наличия атрибута href и курсора по умолчанию pointer?

  6. #6

    Регистрация
    14.04.2007
    Сообщений
    136
    Zigzag, тем, что псевдоклас hover для элемента списка в ИЕ не работает. Если, конечно, я правильно понял Ваш намек.

  7. #7

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    KukMan, это давно не проблема

    [Только зарегистрированные пользователи могут видеть ссылки. ]

  8. #8

    Регистрация
    21.05.2008
    Сообщений
    6
    А можно еще озвучить проблему?
    Необходимо вытянуть div по высоте страницы. Никак у меня не получается!

  9. #9

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by gata@May 28 2008, 14:41
    Необходимо вытянуть div по высоте страницы.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Вытянуть «что-либо» по высоте «чего-либо» можно только в том случае, если «что-либо» является дочерним элементом «чего-либо» и высота «чего-либо» указана явно.

  10. #10

    Регистрация
    21.05.2008
    Сообщений
    6
    Originally posted by Aykroyd@May 28 2008, 10:52
    Вытянуть «что-либо» по высоте «чего-либо» можно только в том случае, если «что-либо» является дочерним элементом «чего-либо» и высота «чего-либо» указана явно.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Т.е. надо использовать height, min-height, max-height и expression для IE?

  11. #11

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by gata@May 28 2008, 15:36
    Т.е. надо использовать height, min-height, max-height и expression для IE?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Т.е. не надо вытягивать div по высоте страницы. И тогда не потребуется ни height, ни min-height, ни (тем более) max-height. И expression для IE тоже в этом случае не потребуется. Просто надо понять, что Вам это на самом деле [Только зарегистрированные пользователи могут видеть ссылки. ].

  12. #12

    Регистрация
    21.05.2008
    Сообщений
    6
    Originally posted by Aykroyd@May 28 2008, 17:52
    Т.е. не надо вытягивать div по высоте страницы. И тогда не потребуется ни height, ни min-height, ни (тем более) max-height. И expression для IE тоже в этом случае не потребуется. Просто надо понять, что Вам это на самом деле не нужно.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Мне это совсем не нужно, но, к сожалению, это нужно заказчику. И описанный в статье метод не подходит:
    <div class="anons">
    <div class="anons_zag">...</div>
    <div class="news">
    ...
    </div>
    <div class="anons_zag">...</div>
    <div class="coord">
    ...
    </div>
    </div>
    где, css:
    .anons{
    display:inline;
    float:right;
    width:242px;
    background-color:#e8e8e8;
    }

    .anons_zag{
    width:241px;
    height:40px;
    background-color:#ffe400;
    border-left:1px solid #998900;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    }

    .news{
    background-color:#e8e8e8;
    background-image:url(images/clock.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    }

    .coord{
    background-color:#e8e8e8;
    background-image:url(images/earth.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    }

    При отсутствии контента в контейнере с новостями или координатами, но выставленном фоне всей колонки (как в вашем приведенном примере), фон контейнеров как бы висит в середине страницы, а не внизу справа, как необходимо, а ниже продолжается фон колонки.

  13. #13

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    как в вашем приведенном примере
    Это в каком именно, позвольте осведомиться?


    По-моему Вы так ничего и не поняли... Не следует задавать фон самой колонке. Этот фон необходимо назначить одному из родительских элементов колонки (или элементу html или body или что там у Вас есть еще – я не знаю). Таким образом получаем имитацию «растягивания» колонки по высоте страницы...

  14. #14

    Регистрация
    21.05.2008
    Сообщений
    6
    Originally posted by Aykroyd@May 29 2008, 11:14
    Это в каком именно, позвольте осведомиться?
    По-моему Вы так ничего и не поняли... Не следует задавать фон самой колонке. Этот фон необходимо назначить одному из родительских элементов колонки (или элементу html или body или что там у Вас есть еще – я не знаю). Таким образом получаем имитацию «растягивания» колонки по высоте страницы...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    В приведенном вами примере (под ссылкой, которую вы дали).
    По-моему это разговор глухого со слепым Уж простите, не всегда умею правильно сформулировать вопрос. Я поняла, что нужно указывать фон у body. Спасибо

Похожие темы

  1. OnMouseOver для TD
    от bmn в разделе Вёрстка сайта
    Ответов: 27
    Последнее сообщение: 29.12.2006, 00:07

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •