Форум Сайтостроение Веб-строительство

CSS. Как задать несколько фонов для одного стиля?

wilelf
На сайте с 27.06.2005
Offline
322
wilelf
1633

Наверное, не совсем понятно...

Пример:

имеем код - 

<div id="PageSelector">
<ul><li>
<a href="http://www.site.ru/" class="mainlevel-extended">Главная</a>
</li></ul></div>

Имеем стиль:

#PageSelector a.mainlevel-extended:hover {
 font:Bold  11px Arial, sans; color: #ffffff; text-align: left;
  background: #C47000 url("../images/right_hover.png") no-repeat right top;
  padding:0 14 0 6;
  margin:0px 0px 0px 0px;
  text-decoration:none;
  }

Как задать еще один бэкграунд ссылке? Вот такой:

  background: url("../images/left_hover.png") no-repeat left top;

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

Надеюсь, нормально объяснил.

Агентство контекстной рекламы НеВсем ( https://www.nevsem.ru/ ) Пишу платно статьи для Хабра. Мой профиль ( https://habr.com/ru/users/wilelf/ )
dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#1
wilelf:
Как задать еще один бэкграунд ссылке? Вот такой:

нельзя.

wilelf:
Все это нужно, чтобы сделать круглые углы у меню.

попробуйте дополнительную вложенность элементов.

Как-то не стыкуется у меня в голове эта тема с прошлой:

/ru/forum/201671

Дизайн интерьера (http://balabukha.com/)
Groove
На сайте с 22.02.2007
Offline
41
Groove
#2

намекну:


<div id="PageSelector">
  <ul>
    <li>
      <a href="http://www.site.ru/" class="mainlevel-extended">
        <span>
          Главная
        </span>
      </a>
    </li>
  </ul>
</div>

для ссылки делаете свой бэкграунд background: #C47000 url("../images/right_hover.png") no-repeat right top;

а для спана свой

мне в свое время сильно помогла статья http://www.webmascon.com/topics/coding/37a.asp

jQuickForm = генератор форм на PHP (jQuery + HTML_QuickForm2) (http://jquickform.ru/) | iBegun.ru - цены в Бегуне (http://ibegun.ru/)
wilelf
На сайте с 27.06.2005
Offline
322
wilelf
#3
dkameleon:
Как-то не стыкуется у меня в голове эта тема с прошлой:
/ru/forum/201671

Эти темы и не связаны никак :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий