Диз ссылки ХЕЛП

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

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

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Подскажите как сделать CSS стиль для ссылки. Текст будет изменяться в длине, так что средняя часть должна подстраиваться под длину текста. Макет ниже. Черные части это картинки, их 3.

    И не могу сделать ссылке фон картинкой при наведении. Прописываю:
    и не работает. Где ошибка?
     

    Вложения:

    • макет.jpg
      макет.jpg
      Размер файла:
      16,6 КБ
      Просмотров:
      0
  2. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    ТС, вашу ошибку указал Compressor
    вы обьявляете класс
    Код:
    .ilink :hover
    а правильно будет
    Код:
    .ilink a:hover
    от себя порекомендую кроме картинки указать ещё и максимально близкий к фону цвет при наведении, например так:
    Код:
    background:#000 url(ilink-bg.png);
    это позволит нормально видеть меню пользователям с отключенной графикой + миниопера не будет пытаться "угадывать" а покажет ваш цвет
     
  3. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    И все равно почему-то не работает:(
    Мне нужно, что бы при наведении на ссылку сзади появлялась картинка. Пример я показал в миниатюре. Просто возможно я не корректно выразился.
    А что насчет оформления ссылки по макету который я показал в первом посте? У кого-то есть идеи?
     

    Вложения:

    • макет.jpg
      макет.jpg
      Размер файла:
      22,8 КБ
      Просмотров:
      36
  4. bucs

    bucs Прохожие

    Можно заюзать <ul><li> списки, с ними легче будет, задать им классы в css.

    Может в css так:
    А в коде так:
    <div class="ilink"><a href="/">текст</a></div>
     
  5. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Хм... создать меню оказалось не так просто как я думал. По этому прошу помощи у Вас.
    исходный результат должен быть примерно таким.
     

    Вложения:

    • макет.jpg
      макет.jpg
      Размер файла:
      52,7 КБ
      Просмотров:
      4
  6. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    bucs, на макете показаны 3 картинки которые нужно разместить с помощью css кода и дивов. Вы глядеть в таблице это будет так:
    <table>
    <tr>
    <td>левая картинка</td>
    <td>центральная картинка</td>
    <td>правая картинка</td>
    </tr>
    </table>
     
  7. Razminka

    Razminka Постоялец

    Регистр.:
    12 мар 2009
    Сообщения:
    83
    Симпатии:
    30
    Чета запуталась я в том что надо сделать, что работает, что не работает.
    Вот статья в тему
    Перейти по ссылке
    От себя прибавлю - не забывать прописывать doctype документа, а то может что-то некорректно работать.
     
    rafic нравится это.
  8. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Доктайпа нет потому, что это тестовый вариант:)))А статью почитаю!
     
Статус темы:
Закрыта.