admin_nu7

как сделать отступ от картинки до картинки?

14 posts in this topic

Всем привет есть сайтик мне нужно сделать небольшой отступ от постера да постера как можно это сделать подскажите плиз. Скрин ниже заранее благодарю

Адрес скриншота:

http://mini.s-shot.ru/1024x0/PNG/1024/Z100/?kinowo.ru"]http://mini.s-shot.ru/1024x0/PNG/1024/Z100/?kinowo.ru

 

 

А че я делаю не так вроде поставил не активную ссылку и сюда загрузить не могу?

Edited by admin_nu7

Share this post


Link to post
Share on other sites

попробуй поставить этот код <br>

А куда именно вот код

<div class="shortmail">

<div class="img-shortmain">

<div class="hover-special"></div>

[xfgiven_scrinlist][xfvalue_scrinlist][/xfgiven_scrinlist]

<div class="quality"><b>[xfvalue_quality]</b></div>

<div class="fire-ics">{favorites}</div>

 

<div class="pipay"><img src="{THEME}/images/pipay.svg"></div>

<div class="pipay1"><a href="{full-link}"> <img src="{THEME}/images/pipay1.svg"></a></div>

 

<div class="title-shorts">{title}

 

<div class="linecons">

<div class="liner-nis">

<div class="comments-so"><img src="{THEME}/images/coms.svg"></div>

<div class="tit-cso">{comments-num}</div>

<div class="comments-so"><img src="{THEME}/images/viva.svg"></div>

<div class="tit-cso">{views}</div>

</div>

</div>

<div class="allrait">{rating}</div>

</div>

</div>

</div>

Share this post


Link to post
Share on other sites

А куда именно вот код

<div class="shortmail">

<div class="img-shortmain">

<div class="hover-special"></div>

[xfgiven_scrinlist][xfvalue_scrinlist][/xfgiven_scrinlist]

<div class="quality"><b>[xfvalue_quality]</b></div>

<div class="fire-ics">{favorites}</div>

 

<div class="pipay"><img src="{THEME}/images/pipay.svg"></div>

<div class="pipay1"><a href="{full-link}"> <img src="{THEME}/images/pipay1.svg"></a></div>

 

<div class="title-shorts">{title}

 

<div class="linecons">

<div class="liner-nis">

<div class="comments-so"><img src="{THEME}/images/coms.svg"></div>

<div class="tit-cso">{comments-num}</div>

<div class="comments-so"><img src="{THEME}/images/viva.svg"></div>

<div class="tit-cso">{views}</div>

</div>

</div>

<div class="allrait">{rating}</div>

</div>

</div>

</div>

 

сейчас отправлю код

Share this post


Link to post
Share on other sites

<br> это перенос на другую строку, задайте отступ margin-bottom: 10px; по картинке сложно сказать возможно поможет margin: 0 10px; надо таблицу каскада видеть чтобы понять какие стили к чему относятся, если верстка адаптивная, то да могут сползти

кинь сайт в лс гляну

Share this post


Link to post
Share on other sites

<br> это перенос на другую строку, задайте отступ margin-bottom: 10px; по картинке сложно сказать возможно поможет margin: 0 10px; надо таблицу каскада видеть чтобы понять какие стили к чему относятся, если верстка адаптивная, то да могут сползти

кинь сайт в лс гляну

скинул сайт и сам стиль

Share this post


Link to post
Share on other sites

style.css 2210 строка

класс .shortmail у Вас сетка идет по 5, им задано ширина 19%,

float: left;
width: 19%;
margin-top: 10px;
margin-bottom: 30px; тут 0 было
margin-left: 11px; тут 10, если больше 11 делать то идет смещение на другую строку по 4

 

как вариант :

float: left;
width: 18%; но чуть уменьшатся миниатюры
margin-top: 10px;
margin-bottom: 30px; отступ вверх-низ
margin-left: 21px; увеличивает отступ друг от друга слева

Share this post


Link to post
Share on other sites

style.css 2210 строка

класс .shortmail у Вас сетка идет по 5, им задано ширина 19%,

float: left;

width: 19%;

margin-top: 10px;

margin-bottom: 30px; тут 0 было

margin-left: 11px; тут 10, если больше 11 делать то идет смещение на другую строку по 4

 

как вариант :

float: left;

width: 18%; но чуть уменьшатся миниатюры

margin-top: 10px;

margin-bottom: 30px; отступ вверх-низ

margin-left: 21px; увеличивает отступ друг от друга слева

Чет я не нашол такую строку вот оригинал css

https://yadi.sk/d/xvnBO2F433c5Pi

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.