|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Каталог файлов, ВИД МАТЕРИАЛА (Высота ячейки в процентах.) |
Каталог файлов, ВИД МАТЕРИАЛА |
Вопрос вроде бы простейший, но не могу понять как решить. В каталоге файлов - вид материала мне нужно разместить допустим таблицу с одной ячейкой. Ширина в процентах решается без проблем, а как установить высоту в процентах (в процентах от размера экрана или от какого то определённо заданного размера - это для меня всё равно) - этого я не пойму. Типичный пример на типичном шаблоне №844 - http://probabms.ucoz.net Я понимаю что нужно установить между <head> и </head> вот такую строчку
<style> body, html {height:100%; margin:0} </style> но эта область модуля не доступна для редактирования. Помогите решить эту проблемку. |
Я понимаю что нужно установить между <head> и </head> вот такую строчку <style> body, html {height:100%; margin:0} </style> но эта область модуля не доступна для редактирования. Помогите решить эту проблемку. -Это прописывается в стилях. ПУ » Управление дизайном » Управление стилями Ширина в процентах решается без проблем, а как установить высоту в процентах (в процентах от размера экрана или от какого то определённо заданного размера - это для меня всё равно) - этого я не пойму Высота таблицы, при установленном значении в % вычисляется от родительского блока. |
Высота таблицы, при установленном значении в % вычисляется от родительского блока. Да, это всё решается элементарно, НО... я не вижу начало этого модуля где расположены html и <head>. Может я чего то не понял. Привидите пример , если можно. ( Я не волшебник, я ещё только учусь...:)) |
offset27,
Да, это всё решается элементарно, НО... я не вижу начало этого модуля где расположены html и <head>. Я не пойму, зачем вам html и <head>, если, по вашему, вы понимаете, что стили прописываются в таблице стилей? За вид материалов в каталоге файлов отвечает шаблон «Вид материалов», а внедряется он в шаблоны: - «Главная страница каталога файлов» - если выводится главная, - «Страница со списком материалов раздела» - если выводится страница разделов, - «Страница со списком материалов категории» - если выводятся категории, - «Страница поиска и рейтинга материалов» - если выводятся результаты поиска по модулю или результаты сортировки. Вот в этих шаблонах есть и html и <head>. Шаблон «Вид материала» - промежуточный, как бы.. который используется в данных шаблонах для вывода материалов. Для страницы «Страница материала и комментариев к нему» - свой вид материала - в самом шаблоне. Пример чего? Сообщение отредактировал Likbezz_Flesh - Среда, 19 Апр 2017, 16:22:50
|
Всем привет поставил вид материалов а он криво встает вот сайт http://only-cinema.ru/ помогите сделать чтобы он красиво стоял ровненько
хочется чтобы так так было как на скрине Добавлено (12 Май 2017, 18:22:21) Код /*-------------------------------------*/ .mn_block { float:left; width: 212px; padding: 0px; height: 336px; position:relative; border-right: 0px solid #356DC6; border-bottom: 0px solid #356DC6;} .mn_b_title { overflow:hidden; width: 196px; padding: 8px; position: absolute; bottom: 5px;} .mn_block:hover .moveBg { background: rgba(0, 0, 0, 0.0); -o-transition:background .4s ease; -webkit-transition:background .4s ease; -moz-transition:background .4s ease; -ms-transition:background .4s ease;} .uRelatedEntries {list-style: disc outside; margin-left: 10px;} .uRelatedEntry {list-style: disc outside; margin-bottom: 2px;} .uRelatedEntry a {font-size: 14px; color: #0047AA; text-shadow: 1px 1px 0px #eee;} .uRelatedEntry a:hover {text-decoration: underline; color: #3B7EDD;} .moveBg { background: rgba(0, 0, 0, 0.3); bottom: 0px; display: table; height: 100%; position: absolute; width: 100%;} .mn_play:hover {background: url(/images/play.png) no-repeat #429cdb 0px -30px; height: 60px;} .mn_read:hover {background-position: 100% -18px;} .mn_comm:hover {background-position: 100% -17px;} .mn_rate:hover {background-position: 100% -18px;} .mn_read:active {background-position: 100% -45px;} .mn_comm:active {background-position: 100% -44px;} .mn_rate:active {background-position: 100% -45px;} .mn_info {top: 0px; width: 100%; background: rgba(0,0,0,0.4); position: absolute; font: 10px/29px "PT Sans";} .mn_play {float:left; background: url(/images/play.png) no-repeat 0px 0px; width: 31px; height: 30px; display: inline-block; position: relative; z-index: 1000;} .mn_read {float:left; height: 30px; margin-right: 20px; padding-right: 18px; display: inline-block; color:#fff; background: url(/images/mn_read.png) 100% 9px no-repeat;} .mn_comm {float:left; height: 30px; margin: 0px 20px; padding-right: 16px; display: inline-block; color:#fff; background: url(/images/mn_comm.png) 100% 10px no-repeat;} .mn_rate {float:left; height: 30px; margin-right: 20px; padding-right: 16px; display: inline-block; color:#fff; background: url(/images/mn_rate.png) 100% 9px no-repeat;} .sepoLine { background: url(/images/seporate.png) no-repeat; height: 7px; margin: auto;} .typeContent { color: #FFF; font: italic 14px/16px "Georgia", serif; text-shadow: 0px 0px 20px #000, 1px 1px 1px #9C383A; text-align: center;} .mn_more .str { background:url(/images/strs.png) 100% 0px; width: 12px; height: 27px; position:absolute; left: -12px; top: 20px;} .com_bott { background: url(/images/top-bott.png); top: 89px; position: absolute; width: 220px; height: 21px;} .mn_block:hover {background:#fff;} .mn_block img, .mn_block a img { margin-bottom: 0px; height: 336px; width: 212px;} .mn_block h2, .mn_block a h2 { text-shadow: 0px 0px 20px #000, 1px 1px 1px #9C383A; text-transform: uppercase; font: 900 15px "Arial Black", sans-serif; color: #fff; text-align: center; } .mn_more { background:url(/images/panel_bg.png) #fff repeat-x bottom; display: none; font-size: 10px; height: 320px; padding: 8px; position: absolute; right: 0px; top: 0px; width: 196px; z-index: 1;} .mn_m_title { color:#474747; margin-bottom: 8px; padding: 0px 0px 8px 30px; border-bottom: 1px dashed #999; font-weight: 900;} .min_rating { position:relative; top: 40px;} .min_rating span {float:left; font-size: 16px; margin-left: 5px;} .u-star-rating-20 {float:left;} .mn_m_title span {color:#929292; display:block;} .mn_more .str { background:url(/images/strs.png) 100% 0px; width: 12px; height: 27px; position:absolute; left: -12px; top: 20px;} .mn_block:hover .moveBg { background: rgba(0, 0, 0, 0.0); -o-transition:background .4s ease; -webkit-transition:background .4s ease; -moz-transition:background .4s ease; -ms-transition:background .4s ease;} /*---------------------------------------------*/ Добавлено (12 Май 2017, 18:42:43) Прикрепления:
6094394.png
(249.0 Kb)
|
| |||
| |||