Jump to content
admin_nu7

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

Recommended Posts

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

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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...