Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Дубль два. Как убрать отступы?

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

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

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

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

 ВОТ ЭТИ ОТСТУПЫ!


Код шаблона такой:
<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
Юзер

maintpl - 17 февраля 2015 19:31 -

и как сделать обрезание?)))
ПафНутиЙ
Админ

ПафНутиЙ - 17 февраля 2015 20:02 -

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

Если нужно скрыть ;)
overflow: hidden;
Каков вопрос - таков и ответ. Просто помните об этом.
Samosval
Юзер

Samosval - 17 февраля 2015 23:07 - 

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
Юзер

maintpl - 18 февраля 2015 15:48 -

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

maintpl - 18 февраля 2015 15:49 -

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


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

maintpl - 18 февраля 2015 15:58 -

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

maintpl - 18 февраля 2015 15:58 -

это из ИЕ
maintpl
Юзер

maintpl - 18 февраля 2015 16:06 -

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


В этих стилях прописано следующее:
.small {
    font-size: 0.85em;


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


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

maintpl - 18 февраля 2015 16:09 - 

padding-bottom: 8px;
изменил на 1рх, стало лучше, но не очень
Samosval
Юзер

Samosval - 18 февраля 2015 20:11 -

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

maintpl - 19 февраля 2015 16:35 -

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

Похожие вопросы

 16.02.2012 sk  Общие вопросы по вёрстке
 18.06.2012 lexa21reg  Общие вопросы по вёрстке, Шаблоны (TPL), Хаки
 17.09.2013 graver  Общие вопросы по вёрстке
 02.11.2013 Till  Общие вопросы по вёрстке
 15.11.2013 krichew  Общие вопросы по вёрстке
 29.10.2014 G-3p  Общие вопросы по вёрстке, Стили (CSS)
 20.12.2014 GSMexpress  Общие вопросы по вёрстке, jQuery
 12.02.2015 maintpl  Общие вопросы по вёрстке
 21.02.2015 wizzi_men  Общие вопросы по вёрстке
 13.05.2015 veniamin  Общие вопросы по вёрстке, Ламерские вопросы
  • non-stop | Как решить проблему индексации DLE в пои ... 1
    Фото non-stop
    non-stop
    Как решить проблему индексации DLE в поиске Bing?
    19-12-2024, 17:02
    Забыл написать что обновился до последней версии 17.3
    Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
    В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
  • lutskboy | Как максимально грамотно организовать до ... 1
    Фото lutskboy
    lutskboy
    Как максимально грамотно организовать добавление материалов через SQL-запросы?
    18-12-2024, 21:39
    все верно. related_ids автоматом заполняется потом.
  • derebas | Убираем xfsearch из адресной строки 7
    Фото derebas
    derebas
    Убираем xfsearch из адресной строки
    16-12-2024, 02:35
    в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
    str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
  • toxicpioner | Убираем xfsearch из адресной строки 7
    Фото toxicpioner
    toxicpioner
    Убираем xfsearch из адресной строки
    15-12-2024, 19:31
    если в доп поле есть пробел, будет выдавать просто 403 стр
  • dj-avtosh | Воспользовался хаком удаление html из ад ... 2
    Фото dj-avtosh
    dj-avtosh
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    12-12-2024, 17:26
    Нужно правило с year поднять выше всех в .htaccess
  • TeraMoune | Воспользовался хаком удаление html из ад ... 2
    Фото TeraMoune
    TeraMoune
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    11-12-2024, 22:12
    У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
  • toxicpioner | Как упорядочить ID новостей 19
    Фото toxicpioner
    toxicpioner
    Как упорядочить ID новостей
    9-12-2024, 22:24
    ***Комментарий удален***
  • DnCnv | Как показать только одну категорию, к ко ... 1
    Фото DnCnv
    DnCnv
    Как показать только одну категорию, к которой принадлежит новость?
    9-12-2024, 01:46
    ***Комментарий удален***
  • web102 | Почему не отображается картинка в галере ... 3
    Фото web102
    web102
    Почему не отображается картинка в галерее?
    4-12-2024, 11:49
    дайте адрес сайта. можно в личку
  • Shandi | Почему не отображается картинка в галере ... 3
    Фото Shandi
    Shandi
    Почему не отображается картинка в галерее?
    3-12-2024, 08:53
    Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?
наверх