Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)
Предыдущая тема: Общие вопросы по оформлению (60)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
kolobdur74
Мне нужно, чтобы название в категории было в центре.
Раньше этот параметр нормально работал, а сейчас ничего не получается.
Эвелина Шайн
Вы пытались отцентрировать по высоте по этой статье: http://ruseller.com/lessons.php?id=1248 ? Вас не напрягло, что это речь о строках идет? Уберите везде где вы поставили:
line-height: 200px;
А в стиле добавьте:
.punbb .main .category h2 span {padding-top:10px;}Где 10px - выставляете какое вам надо.
Эвелина Шайн
/* Настройка категорий */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background: url(http://sa.uploads.ru/D4B0G.jpg) no-repeat;
width: 1040px;
height: 105px;
line-height: 200px;
margin-left: -45px;
margin-bottom: -40px;
color: #333;
text-align: center;
text-shadow: 0 0 3px #fff, 0 0 1px #000;
font: 400 italic 18px/55px 'Corki';
text-transform: uppercase;}
Что вы хотели сделать? Выделил красным..
Эвелина Шайн
Это вы сами стиль делали или редактируете его? Есть оригинал?
kolobdur74
уменьшить расстояние от картинки категорий до Форум, Темы и т.д.
Это вы сами стиль делали или редактируете его? Есть оригинал?
Сама делала от майбовского стиля исходила.
Сама делала от майбовского стиля исходила.
Хорошо сделали.
уменьшить расстояние от картинки категорий до Форум, Темы и т.д.
Пока сделайте через внутренний отступ: padding-top. line-height - это для строк, достаточно редко применяется, в вашем случае это не подходит.
Тут:
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background: url(http://sa.uploads.ru/D4B0G.jpg) no-repeat;
width: 1040px;
height: 105px;
line-height: 200px;
margin-left: -45px;
margin-bottom: -40px;
color: #333;
text-align: center;
text-shadow: 0 0 3px #fff, 0 0 1px #000;
font: 400 italic 18px/55px 'Corki';
text-transform: uppercase;}
Вы много чего прописали лишнего - высоту на h2 вы сделали слишком большой, в принципе оно и не надо.. line-height: 200px; - это тоже в принципе не нужно... margin-left: -45px; - этим я тоже не понял, что вы хотели сделать... width: 1040px; - ширина в принципе наследуется, зачем здесь ее прописывать? Ширина есть здесь:
#pun {
margin: auto;
width: 1040px;
}
У НТМЛ работает принцип матрешки, что есть вверху надо учитывать, нет смысла прописывать, то что выше уже есть (разве что позиционирование будет работать, но и тут выше блока с релятив абсолют не будет идти), но и не надо делать больше выше стоящего - Годзиллу в сумку не засунуть..
Отредактировано kolobdur74 (Сб, 31 Дек 2016 00:36:14)
Эвелина Шайн
Вот это стоит использовать:
Инструменты для поиска и редактирования стиля (скриптов).
Справочники и учебники по CSS, HTML, JavaScript
width: 1040px; - ширина в принципе наследуется, зачем здесь ее прописывать?
Потому что картинка тогда обрезается
Пока сделайте через внутренний отступ: padding-top
Тут же на скрине для пробы написала значение, но название форума так и не сдвинулось.
line-height: 200px; - это тоже в принципе не нужно...
200 написано просто от балды, но как видите название не опускается куда нужно.
Тут же на скрине для пробы написала значение, но название форума так и не сдвинулось.
А в стиле добавьте:
Код:.punbb .main .category h2 span {padding-top:10px;}
Попробуйте еще так:
.punbb .main .category h2 span {padding-top:10px !important;}Где !important - это задание приоритета над всеми остальными вариантами стиля для данного инлайна (или блока): http://htmlbook.ru/css/!important ... Это заплатка..
line-height
line-height никак вам ничем не поможет в данном случае - он работает для строк, а не для инлайн или блочных элементов... Строка - это текстовый вариант, к примеру:
Первая строка: Бла бла бла
Вторая строка Бла Бла Бла
Третья строка: Бла Бла Бла
Вот между ними можно задать высоту line-height... Описание:
Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически. Отрицательное значение межстрочного расстояния не допускается.
http://htmlbook.ru/css/line-height
Потому что картинка тогда обрезается
У вас:
.punbb {
float: left;
width: 950px;
height: auto;
margin-left: 45px;
}
Что я писал выше про Годзилл в сумочке?
У НТМЛ работает принцип матрешки, что есть вверху надо учитывать, нет смысла прописывать, то что выше уже есть (разве что позиционирование будет работать, но и тут выше блока с релятив абсолют не будет идти), но и не надо делать больше выше стоящего - Годзиллу в сумку не засунуть..
.punbb находится ниже блока #pun но выше категорий - соответственно .punbb по отношению к #pun - это картошка в сумке, а вот категории по отношению к .punbb - это Годзилла в женской сумке..
Попробуйте еще так:
Не помогло, и я знаю что такое импортент хд
У вас:
/* A5.1 */
/* Тело форума */
#pun {
margin: auto;
width: 1040px;}
/* A5.2 */
.punbb {
float: left;
width: 950px;
height: auto;
margin-left: 45px;}
Не помогло, и я знаю что такое импортент хд
Сделайте больший сдвиг - там 50px или больше... Но это заплтка, повторяюсь, там надо смотреть точно где проблема в стиле..
/* A5.1 */
/* Тело форума */
#pun {
margin: auto;
width: 1040px;}
/* A5.2 */
.punbb {
float: left;
width: 950px;
height: auto;
margin-left: 45px;}
Рррр, где находится pun, а где punbb:
А вот ваши категории:
Которые находятся внутри pun-main, который находится внутри punbb, который находится внутри pun...Дом, который построил Джек... Так вот у вас: pun имеет ширину: 1040px, punbb имеет ширину: 950px, а категории, которые внутри punbb имеют ширину: 1040px...
kolobdur74
Мы решили проблему путём изменения самой картинки категории. Извините за беспокойство!
Которые находятся внутри pun-main, который находится внутри punbb, который находится внутри pun...Дом, который построил Джек... Так вот у вас: pun имеет ширину: 1040px, punbb имеет ширину: 950px, а категории, которые внутри punbb имеют ширину: 1040px...
А вот почему я говорю про категории:
/* Настройка категорий */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background: url(http://sa.uploads.ru/D4B0G.jpg) no-repeat;
width: 1040px;
height: 105px;
margin-left: -45px;
margin-bottom: -40px;
color: #333;
text-align: center;
text-shadow: 0 0 3px #fff, 0 0 1px #000;
font: 400 italic 18px/55px 'Corki';
text-transform: uppercase;}
Бо как это находится всё внутри punbb, а это: .punbb .main h2 находится в категориях. То есть три блока: #pun-stats, .punbb .main, #pun-debug имеют внутри ширину: 1040px, а все они находятся в блоке с шириной 950 пикселей...
Мы решили проблему путём изменения самой картинки категории. Извините за беспокойство!
Вы поправили несоответствие..
Отредактировано kolobdur74 (Сб, 31 Дек 2016 01:34:13)
Добрый день! Всем с Новым годом 
расстояние в зависимости от ряда фоток - разное))
если ряд ниже, то и фото отображается ниже
подскажите где и как поправить, чтобы фото все были на одном уровне?
например повыше (скрин №1)
заранее спасибо :3
всего доброго и с новым годом)
помогите пожалуйста сделать так что бы аватар не вылазил за пределы профиля
(оформление профиля установлено через скрипт)
http://sanctorum.artbb.ru/viewtopic.php … ;p=4#p7093 
bloody_death
Установите в админке ограничение размера для аватар 165px в ширину
вопрос снят
Отредактировано riviere (Ср, 4 Янв 2017 20:27:27)
Домовой
зачем мне это если стандарт 180х180.
bloody_death
Затем, что у Вас высота рамки 180, а ширина 173 Вот ава и выходит за рамку с такими размерами.
Отредактировано ACT3255 (Чт, 5 Янв 2017 12:47:39)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)