Ссылка "подробнее", ограниченное height значение для вступительного текста [Решено]

0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 289 Просмотров
*

dariusii

  • Осваиваюсь на форуме
  • ***
  • 75
  • 0
Всем привет.
В Joomla есть такая штука, как вводный текст и ссылка на полный материал за счет ссылки "подробнее". Это все хорошо, если значение height не ограничено определенным значением. Если же стоит ограничение для блока с вводным текстом, то нужно импровизировать с количеством символов во вступительном тексте - блоки смотрятся аляповато, если еще обратить внимание на то, что в таком блоке ссылка "подробнее" то выше от нижней границы, то чуть ниже. Этот момент можно долго описывать, но вопрос в другом.
Существует прекрасный момент в CSS, как overflow:hidden - это можно применить для самого вступительного текста, а самого вступительного текста сделать чуть больше, что бы не вести снайперских расчетов для каждого вступления, но! ссылка "подробнее" уползет вместе с вводным текстом.
На сколько зубодробителен процесс отрывания этой ссылки от вступительного текста? Для самого вступительного текста можно ведь как-то уменьшить height относительного самого блока, где он находится - текст пойдет за границы height, но будет скрыт, а чуть ниже будет эта самая ссылка "Подробнее".
« Последнее редактирование: 14.04.2016, 02:21:47 от dariusii »

*

dariusii

  • Осваиваюсь на форуме
  • ***
  • 75
  • 0
Неужели никто не сталкивался с темой, когда introduction и readmore находятся в блоке ограниченного размера по xy?

*

effrit

  • Группа развития
  • *****
  • 7443
  • 815
  • effrit.com
ну так он у вас и так, скорее всего, оторван от кнопки.
лучше бы ссылку дали на сайт, вам бы предметно ответили.
а вообще - не сложно обернуть в доп. div сам текст.
гуглите "переопределение шаблона блога категории"

*

dariusii

  • Осваиваюсь на форуме
  • ***
  • 75
  • 0
блин; во туплю-то. на самом деле, просто обернуть дивом нужное инфо
Код
.cols > * > * {
position: relative;
....

}
....
.readmore {
position:absolute;
left:70%;
top:170px;
}

.beforeadmore {
height: 150px;
overflow: hidden;
}

да. сайт