Пункты меню непрямоугольной формы

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем realmadrid, 4 авг 2007.

  1. realmadrid

    realmadrid Гость

    Здравствуйте!
    У меня на cайте каждый пункт меню не прямоугольный, а в форме стрелы, направленной вправо. При этом используемая картинка этой самой стрелы должна меняться при наведении мыши. Первый вопрос: как мне элементарно сохранить непрямоугольное изображение стрелы (gif тут вряд ли уместно)? Как можно сделать его ссылкой со сменой изображения?
    Про карты-изображения я знаю, но тогда придётся сохранять всю полосу меню, потом резать её на карты и прописывать смену изображений. Может есть другой выход?
     
  2. nws

    nws Гость

    Menu6ki
    Поищи сдесь, на этом сайте есть примеры разных симпотичных менюшек + код
     
  3. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    Все равно это можно изобразить, как прямоугольник цвета подложки (или прозрачный фон), на котором нарисована стрелка. А при наведении заменяется таким же прямоугольником, только на нем - подсвеченная стрелка...

    Собственно говоря...
     
  4. @ero

    @ero Гость

    <style>
    .primer{
    background-image: url('адрес первой картинки');
    background-repeat: no-repeat;
    }
    .primer:hover{
    background-image: url('адрес второй картинки');
    }
    </style>

    <table>
    <tr>
    <td class="primer" width="ширина картинок" height="высота картинок">menu_item1</td>
    <td class="primer" width="ширина картинок" height="высота картинок">menu_item2</td>
    </tr>
    </table>
     
Загрузка...

Поделиться этой страницей