Проблема с EXPLORER

[mazdov 0]

Подскажите пожалуйста как решить эту проблему:

В екслорере сдвигается меню и корзина при добавлении товара в корзину.

[Bububu 0]

Шаблон стандартный?

Ссылку...

[support 447]

Судя по скрину, просто места не хватает для категорий, уменьшите отступ категорий слева, тогда всё влезет.

[Dimru 0]

Добрый день!

Проблема с картинками в IE8.

Понимаю, что браузер дохлый, но... На Nokia Lumia 800 та же проблема.

Картинка расположена в боксе корзины, который сидит в шапке.

Так вот: она не меняет размер, хотя там стоит строго заданный (уменьшенный). В Хроме, IE11 - работает, хотя мне пришлось ставить width="200%" height="200%" и они показывают  по 64px.

Я "ковырялся" с адаптацией сайта к планшетникам (пока побеждает сайт), но если отключить width="200%" height="200%", то картинка опять вырастает до своих размеров 200*200px в любом браузере.

Почему картинки не уменьшаются сами?

Спасибо.

P.S.: Сайт в профиле....

[support 447]

Здравствуйте!

 

А почему пишите 200% ?!

Нужно ведь просто число писать, например 200

Тогда будет 200 пикселей ширина и высота.

[Dimru 0]

Если на картинке не ставить размер - она лезет 200*200 (исходный размер).

200% = 64px у меня. Почему - не пойму, возможно накосячил где-то...

Пока "игрался" с адаптацией, ставил:

 

#header div.header-right 

{

max-width: 25%;

max-height: 100px;

float: right;

margin: 0; 

padding: .3em;

}

А вот если вставлять картинку, она разве не должна сама не вылезать за границы рамки? Лого Vamshop'a не вылезало же... Или оно уже имело размер height: 100px? Я просто не помню...

[support 447]

Если width и height не указать, тогда да, будет оригинал.

[Dimru 0]

Так вот! Если современные браузеры слушают width и height, то IE8 все равно гонит оригинал. MS перестал поддерживать XP, и не дает поставить IE9 - а таких машин ещё много...

А есть способ, чтоб "ужималась" картинка в пределах бокса? Может размеры бокса корзины зафиксировать? Правда, тогда с адаптивностью могут возникнуть проблемы... Может подскажете направление?

[support 447]

Через css можно задать размер.

 

У Вас где эта картинка, в корзине!?

 

Можно попробовать как-то так:

.media img {
width: 100px;
height: 100px;
}

[Dimru 0]

Спасибо. Попробую - отпишусь.

[support 447]

Удачи.

[Dimru 0]

Я вставил этот код в #boxCart  в css - не помогло.

Если убрать размеры - картинка опять выставляет исходные размеры даже в Хроме.

Если выбрать картинку, вот какие коды он по ней пишет:

 

в stylesheet

 

#header img {

1. margin: 0;

}

img {

1. border: 0;

}

 

в bootstrap

 

img {

1. max-width: 100%;
2.  
   width: auto\9;
3. height: auto;
4. vertical-align: middle;
5. border: 0;
6.  
   -ms-interpolation-mode: bicubic;

}

 

и ещё (из box_cart я так понял)

 

img[Attributes Style] {

1. width: 64px;
2. height: 64px;

}

 

Может я не туда код вставил?

[support 447]

Вставьте тот стиль, что я указал просто в файл /templates/vamshop1/styleshet.css

Внизу.

[Dimru 0]

Не помогло... Даже не могу найти, где этот код элемента в просмотре...

[support 447]

Какой у Вас шаблон?!

Дайте ссылку на магазин.

[Dimru 0]

vamshop 

http://2myhome.ru/

[support 447]

Вопрос в картинке на странице корзины http://2myhome.ru/shopping_cart.php или где именно?!

[support 447]

Попробуйте такой стиль добавить в /templates/vamshop/stylesheet.css, внизу файла добавляйте:

#cart_quantity img {
width: 100px;
height: 100px;
}

[Dimru 0]

Опять не помогло... 

Я про главную страницу. Это при том, что размеры картинки строго заданы 90*90 На скриншоте 64*64). 

Т.к. #header div.header-right 

{

max-width: 25%;

max-height: 100px;

float: right;

margin: 0; 

padding: .3em;

}

то картинку закрывает div#wrapper...

Сейчас покажу:

1. Chrome 

2. IE8

 

 

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

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

[support 447]

Про какиме именно картинки?!

 

У Вас на главной есть рекомендуемые товары, а есть по центру текст с картинками.

 

В общем, нужно стиль правильно задать и там указать width, к примеру.

 

В рекомедуемых товара размеры у Вас не заданы у картинок, width и height не указан.

[Dimru 0]

Да фиг с ней, с картинкой в тексте - она хоть из своего бокса не лезет: если верхняя обтекается текстом, то нижняя растягивается на всю ширину. Это только в IE8! В рекомендуемых все нормально, во всех браузерах.

Меня больше волнует картинка корзины: почему эта дрянь растягивает шапку и бокс, хотя у шапки строго высота 100px, а у картинки 90px?

[support 447]

Попробуйте в файле /templates/vamshop/css/css.php удалить содержимое.

 

т.е. что б пустой файл был.

 

Удалите из него bootstrap.css

[Dimru 0]

Вот! Это помогло. Правда остальные картинки "поехали" без размеров... 

Что смог - поправил.

Появились проблемы в карточке товара - забыл убрать значения #cart_quantity img.

И в шапка вниз съехала...

Где лежат свойства marjin для таблицы вывода телефона, icq...?

[support 447]

В /templates/vamshop/stylesheet.css добавляйте нужные Вам стили.

[Dimru 0]

Спасибо. Ковыряюсь...