как поменять рисунок корзины ((?

[extttra]

как поменять рисунок корзины ((? не могу найти параметр высоты рисунка корзины в стилях( она обрезается по высоте,помогите! как это можно исправить???

[ravilr]

у вас фон черный... а не размер... смотрите стили.

[extttra]

это картинка такая (она черная)... как увеличить высоту рисунка , укажи параметр в стилях какой поменять надо(((знаешь?

[ravilr]

например с помощью броузера Opera или Chrome.... правой кнопкой на изображение и проинспектировать элемент. Покажет какой стиль применился и какие параметры.

[extttra]

покажи на любой теме на стилях ,скинь код параметров корзины, где указана высота изображения корзины.

[ravilr]

покажи на любой теме на стилях ,скинь код параметров корзины, где указана высота изображения корзины.

#header #cart {
    min-width: 300px;
    position: absolute;
    right: 145px;
    top: 0;
    z-index: 9;

#header #cart .heading {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #EEEEEE;
    border-top: 1px solid #FFFFFF;
    float: right;
    margin-right: 172px;
    margin-top: 15px;
    padding-left: 14px;
    padding-right: 14px;
    position: relative;
    z-index: 1;
}

добавляем параметр height: 100px; и смотрим.

как то там... но может и нет так.. все по месту смотрится.

Давно уже бы ссылку дали... так проще было бы....

[extttra]

Вот ссылка http://malyshplus.ru/ =) Спасибо что помогаешь)! А параметр height: 100px куда дописывать(#header #cart или #header #cart .heading)?

[ravilr]

вижу что все уже нормально!!!

[extttra]

нет не нормально , я хочу поменять значок корзины ( но не получается все никак, он обрезается по горизотали снизу(

[ravilr]

ищите строку

#search_panel #cart .heading a {

и добавляете

display:block;
height: 50px;
width: 100px;
text-align: right;

как то так..

но это все не правильно вроде, лучше в вертске отделите лого коззины в отдельный div

т.е после <div class="heading">

[extttra]

Вставил эти параметры ничего не изменилось при попытке вставить иконку побольше

#header #cart {
position: absolute;
top: 0px;
right: 145px;
z-index: 9;
min-width: 300px;
}
#header #cart .heading {
float: right;
margin-right: 172px;
margin-top: 15px;
padding-left: 14px;
padding-right: 14px;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #EEEEEE;
background: #FFF;
position: relative;
z-index: 1;
}
#header #cart .heading h4 {
color: #333333;
font-size: 15px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}
#header #cart .heading a {
[color=#ff0000]		display:block;[/color]
[color=#ff0000]height: 50px;[/color]
[color=#ff0000]width: 100px;[/color]
[color=#ff0000]text-align: right;[/color]
color: #38B0E3;
text-decoration: none;
}
#header #cart .heading a span {
background: #FFFFFF url('../image/arrow-down.png') 100% 50% no-repeat;
padding-right: 15px;
}
#header #cart .content {
clear: both;
display: none;
position: relative;
top: -1px;
padding: 8px;
min-height: 150px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
-webkit-border-radius: 0px 7px 7px 7px;
-moz-border-radius: 0px 7px 7px 7px;
-khtml-border-radius: 0px 7px 7px 7px;
border-radius: 0px 7px 7px 7px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
background: #FFF;
}

#header #cart.active .heading {
margin-top: 5px;
padding-top: 10px;
padding-bottom: 6px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}
#header #cart.active .content {
display: block;
}
#header #cart .cart {
border-collapse: collapse;
width: 100%;
margin-bottom: 5px;
}
#header #cart .cart td {
color: #000;
vertical-align: top;
padding: 10px 5px;
border-bottom: 1px solid #EEEEEE;
}
#header #cart .cart .image {
width: 1px;
}
#header #cart .cart .image img {
border: 1px solid #EEEEEE;
text-align: left;
}
#header #cart .cart .name small {
color: #666;
}
#header #cart .cart .quantity {
text-align: right;
}
#header #cart .cart td.total {
text-align: right;
}
#header #cart .cart .remove {
text-align: right;
}
#header #cart .cart .remove img {
cursor: pointer;
}
#header #cart table.total {
border-collapse: collapse;
padding: 5px;
float: right;
clear: left;
margin-bottom: 5px;
}
#header #cart table.total td {
color: #000;
}
#header #cart .content .checkout {
text-align: right;
clear: both;
}
#header #cart .empty {
padding-top: 50px;
text-align: center;

[ravilr]

вообще ничего....?? Установите себе

например с помощью броузера Opera или Chrome.... правой кнопкой на изображение и проинспектировать элемент. Покажет какой стиль применился и какие параметры.

установите, эксперементируйте, пробуйте прямо через браузер установить стиль....

ато так мы долго будем перебирать всевозможные параметры!

И спрячьте код в теги [СODE] [/СODE] а то уж сильно размахнулись...

[extttra]

А как через браузер установить стиль ?

[ravilr]

нажимаем правой кнопкой на элементе... далее проинспектировать элемент и изучаем все что нарисовано..

[extttra]

а дальше че (( ?

[ravilr]

не я так не играю... надо хотя бы минимальные знания иметь о разработке.... html css

[extttra]

Раз такой умный, мог бы просто накидать, а не ... Спасибо за помощь и потраченное время

[ravilr]

Раз такой умный,

фу как грубо...

[monax]

extttra, а с какой целью Вы выложили кусок кода стилей? Там нет того стиля, в который Вам посоветовали добавить параметры.

Давайте так договоримся, Вы вставляете картинку, которую хотите видеть вместо той, что есть, маякуете сюда и Вам подскажут, в каком стиле (даже в какой строке он находится), что поставить, чтобы картинка не обрезалась. Так будет гораздо быстрее и точнее. А то гадать, какой там размер Вашей новой картинки как-то неинтересно.

[extttra]

Вот http://malyshplus.ru/ вставил картинку )

[monax]

Я так понимаю, Вы хотите добавить картинку корзины на голубом фоне размером 129х45?

Сделайте, как Вам написал ravilr:

"ищите строку

#search_panel #cart .heading a { (189 строка)

и добавляете

display:block;
height: 50px;
width: 100px;
text-align: right;

"

Только размеры высоты и ширины подкорректируйте под свой рисунок и стиль.

Можете поставить height: 45px; width: 129px; Но оно конкретно выбивается из стиля. Попробуйте height: 31px; и в этом же стиле измените padding-left: 20px; на padding-left: 0px;

Можете поставить width: 109px; (как по мне - так лучше).

Также в стиле #search_panel #cart .heading { (173 строчка) измените margin-top: 9px; на margin-top: 0px;

Короче, можете поиграться, как Вам больше нравится.

[monax]

И уберите этот снег с сайта! Это же пипец, как он грузит комп!!!!!

[extttra]

Спасибо большое )))))))))))!!!! :-)