Запутанные отступы

Question

[Javier Nazari]

сбоков и снизу.

width: 193px;
	height: 184px;
	display: inline-block;
	float: right;

- Это два блока в одном диве.

display:table-cell;
vertical-align:top;
padding-left:10px;
background-color: rgba(0, 0, 0, 0.3);
height: 186px;
width: 407px;

- А это сам див

Answer 1

[Юрий Лобанов]

Из-за инлайн-блок. Скорее всего отступы - это пробелы. Приведите весь html

jsfiddle.net/Xc48p
Зачем Вам инлайн-блок вообще? снизу отступ - а что Вы хотите? У Вас высота внутренних блоков на 2px меньше.

Comments

[Javier Nazari]

по началу был просто блок, и даже его небыло. Итог тот же.

[Юрий Лобанов]

@HackerProNoob так собственно, Вы мой пример смотрели? Что в нем не так? Насчет нижнего отступа понятно?

[Javier Nazari]

@iiil Понятно ;)

[Javier Nazari]

@iiil Но все же вопрос в отступах справа и слева.
код блока:

<div class=\"product-right\">
<a href=\"url\" class=\"buybuttr\">Buttom1</a>
<a href=\"url\" class=\"buybuttr\">Buttom2</a>
<div>

[Юрий Лобанов]

@HackerProNoob я Вас не понимаю, хоть убейте. jsfiddle.net/Xc48p/3
Вот пример, я заменил инлайн-блок на обтекание слева. Убрал отступ слева (что Вас в нем удивляет, если Вы сами пишете левый паддинг?). Посмотрите по ссылке, никаких левый отступов. правый отступ появляется из-за того, что блок-родитель больше по ширине двух дочерних.
jsfiddle.net/Xc48p/5 вот так никаких отступов
Что в итоге-то хотите? Ваш пример с самого начала ведет себя абсолютно адекватно разметке. ничего в нем странного нет.

[Javier Nazari]

@iiil Сколько не тупил, но все же опыт мал. А причина, в том что все ровно остается линия, сбоку что не изменял, даже по второму вашему примеру.
i.imgur.com/r2qzWn6.png

[Юрий Лобанов]

@HackerProNoob можете кинуть ссылку на сайт?

[Javier Nazari]

@iiil testbyjava.url.ph

[Юрий Лобанов]

@HackerProNoob да, опыта у Вас маловато. Вы не сделали ничего из того, о чем я сказал:
Вот так должен выглядеть класс .snapshot

.snapshot {
    background-color: rgba(0, 0, 0, 0.3);
    display: block;
    float:left;
    margin-top: 10px;
    text-align: left;
    transition: all 0.7s ease 0s;
    width: 400px;
}

Я все проверил, не пишите, что не работает.
Единственный отступы, которые появляются теперь - из-за того, что картинка имеет ширину 393 px, картинка отбита влево, появляется полоса в 7 px справа.

[Javier Nazari]

Понял, спасибо) Опыта очень мало, самоучка, и очень ленивый.

[Юрий Лобанов]

@HackerProNoob отметьте решением, если все получилось. Не зря же я столько времени убил на объяснения.

[Javier Nazari]

@iiil отметил)