Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Дубль два. Как убрать отступы?

Дубль два. Как убрать отступы?

maintpl 16.02.2015 Все вопросы » Общие вопросы по вёрстке 2677

вопрос

Задаю вопрос еще раз.
Как убрать отступы? И обрезать длину категории?

Необходимо, чтобы работало во всех браузерах!

Код шаблона такой:

<div class="main-news">
    <div class="main-news-image">
        [full-link]<img src="http://img.youtube.com/vi/[xfvalue_youtubeprev]/mqdefault.jpg" width="200px" height="130px" /> alt="{title}" />
        [/full-link]
    </div>
    [full-link]<div class="clip">{title limit="25"}</div>
[/full-link]
    <div class="clip"><p class="binfo small">Категория: {link-category}</p></div>
    <p class="binfo small"><img src="{THEME}/images/autor-mini.png"> {author} <img src="{THEME}/images/view-mini.png"> {views}</p>
    <div class="main-news-more">
            [rating-type-3]<div class="ratebox3">
            <ul class="reset">
                <li>[rating-minus]<img src="{THEME}/images/ratingminus.png" title="Не нравится" alt="Не нравится" style="width:14px;" />[/rating-minus]</li>
                <li>{rating}</li>
                <li>[rating-plus]<img src="{THEME}/images/ratingplus.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
            </ul>
            </div>[/rating-type-3]
            [/rating]
    </div>
</div>

Ответил: Sander

Для класса binfo или small уменьшить padding или margin.

На второй картинке вы не обрезали, а сделали перенос break-word

11 комментариев

Юзер

maintpl - 2015-05-1317 февраля 2015 19:31 - #41247

и как сделать обрезание?)))

Админ

3457

ПафНутиЙ - 2015-05-1317 февраля 2015 20:02 - #41249

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

Если нужно скрыть ;)

overflow: hidden;

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Samosval - 2015-05-1317 февраля 2015 23:07 - #41256

white-space: nowrap; /* Запрещаем перенос строк */
text-overflow: ellipsis; /* Добавляем многоточие */
text-overflow: clip; /*Текст обрезается по размеру области.*/
overflow: hidden; /* Обрезаем все, что не помещается в область */

В Вашем случае будет

<style>
   .binfo, .small {
    white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
   }
  </style>

<p class="binfo small">Категория: {link-category}</p>

Юзер

maintpl - 2015-05-1318 февраля 2015 15:48 - #41280

эти css не работают на ИЕ по этой причине в разделе категория у меня и получается перенос на следующую строку. моя главная задача, чтобы все было оптимизировано по ИЕ, если будет корректно отображаться на нем, то и на других тоже будет нормально.

Юзер

maintpl - 2015-05-1318 февраля 2015 15:49 - #41281

Цитата: maintpl

white-space: nowrap; /* Запрещаем перенос строк */
text-overflow: ellipsis; /* Добавляем многоточие */
text-overflow: clip; /*Текст обрезается по размеру области.*/
overflow: hidden; /* Обрезаем все, что не помещается в область */

Это взято с сайта хтмлбук, если не ошибаюсь)

Юзер

maintpl - 2015-05-1318 февраля 2015 15:58 - #41282

это скрин из хрома

Юзер

maintpl - 2015-05-1318 февраля 2015 15:58 - #41283

это из ИЕ

Юзер

maintpl - 2015-05-1318 февраля 2015 16:06 - #41285

Цитата: maintpl

Для класса binfo или small уменьшить padding или margin.

В этих стилях прописано следующее:

.small {
    font-size: 0.85em;

.binfo, .argcat {
    color: #888785;
    padding-bottom: 8px;

Насколько я понимаю, изменение этих стилей не решит проблему

Юзер

maintpl - 2015-05-1318 февраля 2015 16:09 - #41286

padding-bottom: 8px;

изменил на 1рх, стало лучше, но не очень

Юзер

Samosval - 2015-05-1318 февраля 2015 20:11 - #41300

Значение поддерживается IE от 6 версии

Юзер

maintpl - 2015-05-1319 февраля 2015 16:35 - #41323

Samosval,
Почему тогда на моих скринах такая хрень? мой ИЕ версии 11 отображает именно так как на моем скрине.

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст