Русское сообщество fluxbb

Piton

Гость

Пара вопросов по css

Итак, вопросов всего два.
1.) Я так и не нашёл средства, способного укратить границу блока с логотипом и/или названием форума. Могу убрать всё, до последней чёрточки, но вот изничтожить эту дурацкую полоску 14х3 см так и не сумел.
2.) Есть ли способ при помощи css "разорвать" вышеуказанный блок с логотипом и блок с меню на два не слипшихся, а отдельных? Все мои попытки осуществить эту операцию пока приводили только к увеличению содержимого блоков. Т.е. блок как бы изнутри увеличивался, а снаружи границы как соприкасались вплотную, так и соприкасаются.
Заранее благодарен за помощь.

hcs

Гость

Re: Пара вопросов по css

Было бы намного проще понять о чём тут вообще речь, если бы прилагались соответсвующие кино-фото материалы

Piton

Гость

Re: Пара вопросов по css

1.)
а.) Под блоком/боксом в данном случае понимается кусок форума, отделённый от остальных. К примеру, первая же категория в моём случае стоит не в плотную к меню форума, а отделена от него на 16px. Т.е. есть разрыв.
б.) Вокруг каждого блока/бокса по умолчанию есть полоска, граница, border. В моём случае ей присвоен чёрный цвет и толщина в 1px. Она  окружает: блок/бокс с заголовком, блок/бокс с меню форума, блок/бокс с категорией и списком форумов, блок/бокс со статистикой форума, где указаны количество зарегистрированных пользователей, созданных тем и т.д.
в.) И в первом пункте говорилось, что необходимо убрать границу вокруг заголовка. У вас это блок/бокс с логотипом "punbb по-русски" и надписью "Фонд моральной поддержки".
2.) Отталкиваясь от вышеизложенного: между блоками/боксами по умолчанию есть небольшой пробел, напоминаю, что в моём случае он составляет 16px. Во втором пункте говорилось, что необходимо создать разрыв не только между категориями и, к примеру, статистикой форума, но и между заголовком и меню. Т.е., на примере данного форума, разделить блок/бокс с логотипом и надписью "Фонд моральной поддержки" и блок/бокс с меню (punbb.prg Главная Пользователи Правила...), ну хотя бы на те же 16px.

Надеюсь, так понятней.

hcs

Гость

Re: Пара вопросов по css

1. #brdheader .box {border: none}
2. #brdmenu {margin:16px 0}

Piton

Гость

Re: Пара вопросов по css

1.) После импорта кода #brdheader .box {border: none} пропадает вся граница, включая и ту, что окружает меню. Нельзя ли отдельно?

2.) После импорта кода #brdmenu {margin:16px 0} получаем следующий результат (смотрите скрин). Этот неудачный вариант я уже получал раз сорок.
Никакого цвета между меню и заголовком быть не должно. По понятиям photoshop-а там должен быть transparent, null, отстутсвие цвета вообще. Пустой отрезок, сквозь который просвечивает фон страницы. Между категориями ведь нет ничего? Нет. Вот такой же результат в 16px и требуется получить. 

P.S.: Между заголовком и меню остаётся рамка толщиной в 2-3px. На неё внимания не обращайте: это просто ещё не профикшена высота заголовка, и, когда изображение заканчивается, а место остаётся, браузер заполняет этот кусочек установленным для заголовка цветом, т.е. #000.

Редактировался Piton (2008-03-23 17:37:24)

hcs

Гость

Re: Пара вопросов по css

1. border-left:0 , border-right:0
2. В первоначальной постановке вопроса речь шла о пространстве, которое получили, такчто вариант вполне удачный, неудачная постановка вопроса.
#brdheader DIV.box {background-color: transparent}

Piton

Гость

Re: Пара вопросов по css

вариант вполне удачный, неудачная постановка вопроса.

Согласен с вами.
Но тут же мы подходим к главному моему вопросу. #brdheader регулирует детали всего блока, меню+заголовок. Т.е. сразу корректирует детали #brdtitle и #brdmenu. Transparent, к примеру, мне необходимо применить к #brdmenu. А вот границу убрать только у #brdtitle. Возможно ли регулировать не сразу всю "шапку" форума, а только её детали по отдельности?

hcs

Гость

Re: Пара вопросов по css

возможно.

Piton

Гость

Re: Пара вопросов по css

Огромное вам спасибо. Мне остались лишь мелкие детали, но первый стиль уже почти готов.
Осталась лишь пара чисто технических вопросов.
1.) .box, .inbox - эти указатели отмечают класс, указанный в теге <div>? Их всегда обязательно указывать? Просто столкнулся вдруг с тем фактом, что, к примеру, совершенно не нужно указывать #brdtitle .inbox, но вот #brdheader без указателя .box работать отказыватеся. Что бы это значило?
2.) приставка div.box - что она решает? За полчаса экспериментов я не нашёл ровным счётом никакой разницы - есть она или нет. Может вы раскроете её суть?
Заранее благодарю.

artoodetoo

Гость

Re: Пара вопросов по css

разницы нет никакой единственно, когда какое-то правило описано в разных местах, то бОльший приоритет имеет правило с самым длинным селектором.
кроме того, правила описанные через #id имеют приоритет на правилами через .class.

в порядке убывания приоритета:
#brdtitle
.pun DIV.box
DIV.box
.box

а вообще книжки советую почитать — быстрее получится

Piton

Гость

Re: Пара вопросов по css

в порядке убывания приоритета:
#brdtitle
.pun DIV.box
DIV.box
.box

Спасибо, всё ясно.

а вообще книжки советую почитать — быстрее получится

Уже. Попутно поднимаю титанически забытые знания css четырёхлетней давности.) Жаль только, что нет учебника по css форумов punbb.)))

coordinator

Гость

Re: Пара вопросов по css

книжки советую почитать — быстрее получится

Вот неплохая: HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005. - 448 с.: ил.
Вот сайт этой книги: http://htmlbook.ru/

Жаль только, что нет учебника по css форумов punbb.)))

С одной стороны да, с другой хорошо что ее нет...

Piton

Гость

Re: Пара вопросов по css

Вот неплохая: HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005. - 448 с.: ил.
Вот сайт этой книги: http://htmlbook.ru/

Спасибо, добавил в избранное, к другой литературе по css.

С одной стороны да, с другой хорошо что ее нет...

Вы к тому, что всё было бы слишком просто, или к тому, что сейчас кажНый нуб считает себя великим программистом и дизайнером?))

Кстати, как вы отнесётесь к тому, что я выложу готовый дизайн? Он конечно далёк от творчества профессионалов, да что там, даже средних дизайнеров, но всё-таки... Или это только привилегия избранных?)

Редактировался Piton (2008-03-24 22:02:37)

nobody

Гость

Re: Пара вопросов по css

Выкладывай, посмотреть интересно будет всем.

Piton

Гость

Re: Пара вопросов по css

Появилась проблема: очень странная. Не факт, что связана с css, но коммандам не поддаётся. Ни один стиль не желает показывать, что в форуме появились новые сообщения. Упорно маячит значок icon_normal.png. Пытался менять код css, удалять div.icon, много раз создавал темы-рыбы (Lorem ipsum). Бесполезно. Иконки либо нет вообще, либо есть но всегда только та, что у казана в
div.icon {background-image : (url:...)}. Чувствую, тут пахнет каким-то косяком движка. Но утверждать не берусь. Жду ваших комментариев.

Редактировался Piton (2008-03-25 16:27:11)

nobody

Гость

Re: Пара вопросов по css

Все же спрошу - а страничку то пробовал принудительно обновлять? И пути к картинке перепроверил 100 раз?

Piton

Гость

Re: Пара вопросов по css

А, нет... помучал немного - пошло.)) + тогда ещё пользователей не пускал, делал завершающие штрихи.))

coordinator

Гость

Re: Пара вопросов по css

Проблема вот с этим участком:

#brdtitle {padding-left:10px;padding-right:0;padding-bottom:0;}

#brdmenu {
    POSITION: relative; 
    HEIGHT: 2em; 
    MARGIN: 0; 
    PADDING:0;
}
#brdmenu ul {
    PADDING: 0 0 0 0em;
    POSITION: ralative;
    WIDTH: 100%;
}
#brdmenu LI A {
    TEXT-DECORATION: none;
    FLOAT: left; 
    PADDING: 3px 0.5em 3px 0.5em;
    BACKGROUND-COLOR: #888;
    MARGIN-RIGHT: 3px;
    BORDER: 1px solid #666;
    BORDER-BOTTOM-COLOR: #888;
}

#punindex    #brdmenu li#navindex a, 
#puncalendar #brdmenu li#navcal a, 
#pungallery    #brdmenu li#navgal a,
#punstart    #brdmenu li#navstart a, 
#punviewforum #brdmenu li#navstart a, 
#punviewtopic  #brdmenu li#navstart a,
#punpost  #brdmenu li#navstart a,
#punviewpoll  #brdmenu li#navstart a,
#punpoll  #brdmenu li#navstart a,
#punuserlist #brdmenu li#navuserlist a, 
#punprofile  #brdmenu li#navprofile a, 
#punadmin    #brdmenu li#navadmin a, 
#punregister #brdmenu li#navregister a, 
#punlogin    #brdmenu li#navlogin a, 
#punsearch   #brdmenu li#navsearch a,
#punmessage_list #brdmenu li#navpm a,
#punmap #brdmenu li#navextra2 a,
#pundonate  #brdmenu li#navextra3 a
{
    BACKGROUND-COLOR: #DFB375;
    BORDER-BOTTOM-COLOR: #DFB375;
}


#brdmenu LI.isactive A, #brdmenu LI A:hover
{
    TEXT-DECORATION: none;
    COLOR: #333;
    BACKGROUND-COLOR: #FFF;
    BORDER-BOTTOM-COLOR: #FFF;
}

Пытаюсь осуществить вкладки в меню. В IE появляется проблема, разрыв под нижней границей блока ссылки.
И еще IE применяет параметры padding для всех элементов шапки. В результате невозможно сделать отступ от края базового элемента в меню.

#brdmenu ul {
    PADDING: 0 0 0 0em;
    POSITION: ralative;
    WIDTH: 100%;

Как можно заставить IE отображать отступ и убрать неверное отображения отступа для элементов меню?