Page 1 of 1

повесить ссылку на картинку, описанную в CSS

Posted: Wed Nov 02, 2011 3:52 pm
by Baltofon
Прошу прощения, вопрос не совсем по CMS Made Simple.
Скорее, он по CSS. Только не баньте - я всё пойму уже с первого предупреждения :)

В шаблонах через все страницы прошит блок, управляющий корзиной, с 2 ссылками -

Code: Select all

<a href="index.php?page=basket" class="whit">Моя корзина</a>
и

Code: Select all

<a id="clearBasket"  href="#" >Очистить</a>
Заказчик хочет, чтобы активным был так же и значок корзины, описанный в CSS. Т..е при нажатии на весь этот блок (картинка и надписи) посетитель попадал в корзину.
Я пытаюсь весь блок, кроме кнопки "Очистить", сделать активной ссылкой - тогда в IE все надписи и картинки этого блока начинают двоится.
Если вынести "Очистить" за пределы этого дива - его вообще не видно.
Если это вообще технически возможно - буду рад подсказкам :)

Кусок из шаблона:

Code: Select all

   <div class="cart">
      <p class="whit">Моя корзина</p>
      <p>Товаров: <span id="totalGoods">0</span></p>
      <p>Сумма: <span id="totalPrice">0</span>&nbsp;руб.</p>
      <p ><a id="clearBasket"  href="#" >Очистить</a></p>
      <p><a href="index.php?page=basket" class="whit">Оформить заказ</a></p>
    </div>
CSS:

Code: Select all

  .cart {position:absolute; right:9px; bottom:10px; padding:0 0 0 48px; background:url(http://vkolesa.ru/images/cart.gif) no-repeat left 20px;}
.cart p {font-size:14px; color:#f10002;}
.cart .whit {font-size:16px; color:#FFF;}
a#clearBasket {color:#f10002;}
.

Re: повесить ссылку на картинку, описанную в CSS

Posted: Mon Nov 07, 2011 9:52 pm
by Baltofon
xxntstalker
спасибо, выручил :)

Re: повесить ссылку на картинку, описанную в CSS

Posted: Tue Nov 08, 2011 12:42 pm
by Baltofon
Пасип, поправил :)
просто тупо скопировал, не проверив код:

Code: Select all

<li class="item1"><a href="http://vkolesa.ru/index.php?page=about">О магазине</a></li>    [b]</a> [/b]