Аватар/инфо справа

Dayset · 2010-09-25 03:04:49

Файл: style\imports\base.css

/* 7.1 This is the basic structure. */

DIV.postleft, DIV.postfootleft {
FLOAT:RIGHT;
WIDTH: 18em;
OVERFLOW: hidden; <<< Нужно ли это теперь?
POSITION: relative; <<< Нужно ли это теперь?
}
DIV.postright, DIV.postfootright {
BORDER-COLOR: TRANSPARENT; <<< ???
BORDER-RIGHT-WIDTH: 18em;
BORDER-RIGHT-STYLE: solid
}

RIGHT - переносит инфо/аватарку вправо.
По серединке образуется пустота непонятного цвета (отмечено синей вертикальной линией). Ставлю TRANSPARENT, но так не красиво. Как можно не трогая стили (которых может быть достаточно много) назначить цвета для полей Online (внизу) и для поля с именем аватаркой и другой информацией?
Например заполнить их серым как все тело поста (транспарент?). Или просто заполнить разрыв правильным цветом.
Cпрашивал еще тут http://punbb.ru/post24000.html#p24000 , сама проблема как-то была решена, но я так и не разобрался.

Редактировался Dayset (2010-09-25 03:06:20)

artoodetoo · 2010-09-25 09:01:22

В текущей редакции fluxbb файл base.css больше не используется, есть отличия в разметке.
В новых стилях (Air и др.) посты отбиваются от юзеринфы другим способом, без помощи border-* !
Так что не очень понятно о чем ты спрашиваешь.

Чтобы понять где чего лежит и почему рисуется именно таким цветом очень помогает FireBug в FF или DragonFly в Opera.

overflow: hidden изначально служит для спрятывания дочерних элементов, если они вылезают за края контейнера. есть широко используемый побочный эффект - в некоторых случаях он помогает растянуть контейнер (ищи "HasLayout")

position: relative указывает, что дочерние элементы должны позиционироваться относительно этого блока. по умолчанию все блоки имеют position: static, а body имеет relative.

Как можно не ... назначить цвета для полей Online (внизу) и для поля с именем аватаркой и другой информацией?

открывай FireBug, тыкай в поле мышкой и смотри какой класс у нужного блока, сочиняй для него альтернативное правило.

Или плати

artoodetoo · 2010-09-25 09:05:53

Например ЗДЕСЬ я в FB ткнул в поле с надписью "online". Оно выглядит так

<div class="postfootleft"><p><strong>Online</strong></p></div>

значит чтобы изменить цвет можно попробовать селектры:
.postfootleft {} или
.postfootleft p {}
можно так, чтобы повысить приоритет правила:
.pun .postfootleft p {}

У ТЕБЯ же может быть другая разметка, т.к. ты используешь какой-то древний кал.

Dayset · 2010-09-25 09:06:07

Я использую старые стили от 1.2 поэтому оно так как-то, работает

artoodetoo · 2010-09-25 11:01:10

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

если в Oxygen заменить у .postleft и .postright все слова "right" на "left" и наоборот -- всё будет работать точно. а у тебя фиг знает что откуда.

для меня тема исчерпана. FireBug!

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

Объявление

#1 2010-09-25 03:04:49

Аватар/инфо справа

#2 2010-09-25 09:01:22

Re: Аватар/инфо справа

#3 2010-09-25 09:05:53

Re: Аватар/инфо справа

#4 2010-09-25 09:06:07

Re: Аватар/инфо справа

#5 2010-09-25 11:01:10

Re: Аватар/инфо справа

Подвал доски