Горизонтальное выпадающее меню с картинкой

Тема в разделе "Веб-дизайн", создана пользователем sidor, 3 мар 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. sidor

    sidor

    Регистр.:
    7 июн 2006
    Сообщения:
    220
    Симпатии:
    14
    Есть такое меню в виде картинки:
    [​IMG]

    Картинка цельная и разбита попиксельно на ссылки. Недавно появилась задача сделать выпадаюещее меню. Проблема в том что не очень хочется переверстывать меню: хотелось бы что бы меню выпадало при наведении на определенную часть картинки.

    Может кто видел подобный скриптик? Поделитесь пожалуйста. не нашел
     
  2. ZeroS

    ZeroS Писатель

    Регистр.:
    7 авг 2008
    Сообщения:
    3
    Симпатии:
    0
    Создание выпадающего меню без javaScript + кроссбраузерность.
    Архив с исходниками прикрепил к посту. В коде есть комментарии, но если что непонятно - пишите, объясню. :)
     

    Вложения:

    • cssMenu.rar
      Размер файла:
      2,4 КБ
      Просмотров:
      55
  3. NoN

    NoN Постоялец

    Регистр.:
    25 ноя 2008
    Сообщения:
    79
    Симпатии:
    33
    Вложил файл, там 3 версии меню , меню, сам использую... придется немного тебе его модифицировать в css,
     

    Вложения:

    • index.rar
      Размер файла:
      1,8 КБ
      Просмотров:
      45
    sidor нравится это.
  4. sidor

    sidor

    Регистр.:
    7 июн 2006
    Сообщения:
    220
    Симпатии:
    14
    Попытался вставить третье меню, css поменял.
    Показывает вот такое:
    [​IMG]

    padding везде 0
    Вот логика верстки этой части:
    HTML:
    <tr>
    <td>левая картинка<td>
    <td>menu</td>
    <td>правая картика</td>
    </tr>
    Если простой текст вставить вот так:
    HTML:
    <tr>
    <td>левая картинка<td>
    <td>test</td>
    <td>правая картика</td>
    </tr>
    Все ок:
    [​IMG]

    Так же пытался внутрь <td></td> Пихать div - то же самое (с текстом норм, а с меню проблема).


    Подскажи плз что не так

    UPD.
    Все сделал. Просто ничаянно удалил:
    HTML:
    * {margin: 0; padding: 0;}
    :tcl:
     
  5. inFamous

    inFamous Создатель

    Регистр.:
    4 фев 2009
    Сообщения:
    23
    Симпатии:
    4
    ты бы показал, что у тебя в цсс и каким браузером сморишь...
     
Статус темы:
Закрыта.