Сообщений в теме: 10

[KirillS]

http://www.mebel person.ru/index.php/realizovannye-proekty.html

(пробелы убрать)

Вобщем наезжают картинки друг на друга при сжатии окошка браузера. золотистая рамка стоит,как бэкграунд растянутый. 

Как я понял, что бэкграунд надо ставить к класссу 

.subcategory img{

 

Ну на локальном сервере игрался,дивидендов не принесло, максимум что помогает немного это указание max-width:  %; но и то, довольно некрасиво все выглядит и при сжатии картинки сужаются рамки разъезжаются..Что можно сделать,подскажите,если не сложно,спасибо.
 

[Na_uM]

вам мешает поле вокруг - padding

как вариант - box-sizing

[KirillS]

вам мешает поле вокруг - padding

как вариант - box-sizing

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

[Na_uM]

и у вас рамка не 30px. измените значение и все красиво встает

[KirillS]

и у вас рамка не 30px. измените значение и все красиво встает

АА в каком смысле измнеить значение рамки?Прошу прощение, размер рамки вот этой http://www.mebelpers...mages/ramaj.png изменить просто в граф редакторе?

[Na_uM]

нет, уменьшите padding - ширина стороны рамки нарисованной не 30 px 

у вас сейчас "красным"

а по факту рамка уже - "зеленым")))

Сообщение отредактировал Na_uM: 13 February 2015 - 12:33

[KirillS]

нет, уменьшите padding - ширина стороны рамки нарисованной не 30 px 

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

[Na_uM]

ну или я вас не понимаю, или вы что то не то делаете

вот например ширина окна 740px, все вроде нормально

 

 

[KirillS]

 

ну или я вас не понимаю, или вы что то не то делаете

Безымянный1.png

вот например ширина окна 740px, все вроде нормально

а на 480 вот так если рамки убрать и все эти падинги,то картинки в тизере идут ровно, но мне нужна эта багетная рамка(..простите,если занимаю ваше время

http://quirktools.co...0&h=480&a=4&s=1

 

вобщем без паддинга у меня золотая рамка прячется за картинку, а с паддингом залезает за края белой рамки тизера(

.subcategory img{

background:url('../images/ramaj.png') no-repeat;
background-size: 100% 100%;
padding:30px;

по другому не знаю,как(

 

если задавать просто классу subcategory то рамка обрамляет не картинку тизера,а внешнюю белую рамку.

 

Вобщем общий смысл в том,чтоб я хочу,чтоб рамка золотистая обрамляла картинки анонсов. А она не хочет)

Сообщение отредактировал KirillS: 13 February 2015 - 13:03

[Na_uM]

.jbzoo .subcategory-image img, .jbzoo .subcategory-image > div {
    background: url("../images/ramaj.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    box-sizing: border-box;
    float: none;
    padding: 7%;
}

попробуйте так