Как убрать расстояние между баннерами

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
Пользователь
Регистрация
30 Апр 2025
Сообщения
32
Как убрать расстояние между своим баннером, который я сам отредачил и залил через postimg
Screenshot_20251025-093124.jpg
 
Решение
.legenda {
background: url(http://postimg.su/image/BzdMREq5/1000523673.png) no-repeat;
height: 135px;
width: 135px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
А, ну так всё очевидно и понятно. Т.к размен картинки большой, то он и занимает много места, просто обрежь лишние границы баннера и всиё
Пользователь
Регистрация
30 Апр 2025
Сообщения
32
2.6. Весь код необходимо брать под тег "Код".
CSS:
.komforum {
    background: url(https://i.postimg.cc/bJHzXfsF/2025040114162421.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.komproekt {
    background: url(https://i.postimg.cc/gj2bfX9n/2025040114183974.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.vl {
    background: url(https://i.postimg.cc/htdRWRYb/2025040114210029.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.zvl {
    background: url(https://i.postimg.cc/k5NrGFq2/2025040114221572.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.dev {
    background: url(https://i.postimg.cc/wBCHPTFp/2025040115182015.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.ryk {
    background: url(https://i.postimg.cc/25br2BQG/2025040115183390.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.zamryk {
    background: url(https://i.postimg.cc/sgK4wMjM/2025040115242865.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.osnov {
    background: url(https://i.postimg.cc/VLqR072B/2025040115244889.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.zamosnov {
    background: url(https://i.postimg.cc/YCtx66Hc/2025040115251502.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.specadm {
    background: url(https://i.postimg.cc/CLT71yrx/2025040115252659.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.gltest {
    background: url(https://i.postimg.cc/Dfb5nfgN/2025040115254190.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.ryktex {
    background: url(https://i.postimg.cc/nzV8Nj7N/2025040115311312.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.tex {
    background: url(https://i.postimg.cc/ZqxtfF9r/2025040115312565.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.stadm {
    background: url(https://i.postimg.cc/vmswLSmY/2025040115313963.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.adm {
    background: url(https://i.postimg.cc/q7hQqkrg/2025040115362974.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.mladm {
    background: url(https://i.postimg.cc/43DPhr4P/2025040115364365.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.moder {
    background: url(https://i.postimg.cc/Z5DVJW11/2025040115370252.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.helper {
    background: url(https://i.postimg.cc/G2ScQJNX/2025040115402490.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.lider {
    background: url(https://i.postimg.cc/0QNkDHt6/2025040115420042.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.zlider {
    background: url(https://i.postimg.cc/VNgsScFQ/2025040115433355.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.gls {
    background: url(https://i.postimg.cc/FHVgKD7d/2025040115575576.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.zgls {
    background: url(https://i.postimg.cc/RZBL9jVx/2025040115581170.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.kyr {
    background: url(https://i.postimg.cc/fbW7Sm9H/2025040115582891.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.zga {
    background: url(https://i.postimg.cc/wBbNtPHv/2025040116275514.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.ga {
    background: url(https://i.postimg.cc/6QQRpKkg/2025040116281156.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.user {
    background: url(https://i.postimg.cc/BnpH3bV2/2025040116282571.png) no-repeat;
    height: 45px;
    width: 130px;
    text-indent: -10000em;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
 
Последнее редактирование модератором:
Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
1,544
.legenda {
background: url(http://postimg.su/image/BzdMREq5/1000523673.png) no-repeat;
height: 135px;
width: 135px;
text-indent: -10000em;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain
}
А, ну так всё очевидно и понятно. Т.к размен картинки большой, то он и занимает много места, просто обрежь лишние границы баннера и всиё
 
Пользователь
Регистрация
30 Апр 2025
Сообщения
32
А, ну так всё очевидно и понятно. Т.к размен картинки большой, то он и занимает много места, просто обрежь лишние границы баннера и всиё
Обрезать там же где и редачил?
 
Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
1,544
Обрезать там же где и редачил?
Тоесть скачай баннер легенды, обреж границы лишние границы сверху и снизу и загрузи на фотохостинг и таких больших отступов не будет
 
Пользователь
Регистрация
30 Апр 2025
Сообщения
32
То есть скачай баннер легенды, обреж границы лишние границы сверху и снизу и загрузи на фотохостинг и таких больших отступ ов не будет
Сделал, но теперь снизу отступ есть
 

Вложения

  • Screenshot_20251025-113412.jpg
    Screenshot_20251025-113412.jpg
    498.5 KB · Просмотры: 3
Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
1,544
Активный
Регистрация
17 Июн 2025
Сообщения
1,649
Значит у баннера "не блат, а доверие" тоже есть лишние отступы. Тоже сделай обрезание у этого банера
Именно поэтому нужно использовать единый userBanner и от него просто ставить фото
 
ℙ𝕒𝕨𝕟𝕠 𝕙𝕖𝕝𝕡
Активный
Регистрация
28 Июл 2024
Сообщения
821
Лучше плохо начать, чем хорошо бездействовать
Профессионал
Регистрация
30 Ноя 2024
Сообщения
1,544
OFFTOP


Я конечно извиняюсь, но что бл*** ты несёшь... Я посмотрел баннеры и увидел, что там есть пустое место сверху и снизу баннера и дал ответ, который помог человеку. Так что про какое непрогруженные баннеры ты говоришь я совсем не понимая, для начала посмотри ссылки на баннеры, которые он давал и сам всё поймёшь

 
Пользователь
Регистрация
30 Апр 2025
Сообщения
32
OFFTOP


Я конечно извиняюсь, но что бл*** ты несёшь... Я посмотрел баннеры и увидел, что там есть пустое место сверху и снизу баннера и дал ответ, который помог человеку. Так что про какое непрогруженные баннеры ты говоришь я совсем не понимая, для начала посмотри ссылки на баннеры, которые он давал и сам всё поймёшь

Верно. У меня все получилось.
 
Сверху