Травой не ошибусь, отравитесь без шума.
Доброе утро.
Проблему с разрывом между постами и меню я кое-как решил. За что благодарю [L]nyctophobia, подсказавшую ниже, что делать в таком случае. Вроде бы решил. Но теперь весь блок съезжает влево, и что с этим делать, я хз. А должен быть по центру. Плюс пропали все рамки. 0_о Подозреваю, что это может быть связано с переименовыванием блоков страницы.
Код. Честно признаться, делался не мною. Помогали.
Скриншот того безобразия, что сейчас творится на пета:



@темы: меню, рамки и полоски, diaryCSS, основные блоки, платный сервис

Комментарии
13.03.2008 в 12:10

all you have to decide is what to do with the time that is given to you
не по теме:
зачем прописывать отступ, если его величина всё равно 0 ?
body {padding-top:0px; }

.left #wrapper{width:790px;margin: 0 -395 !important;padding:0 !important;overflow:hidden !important;}
и потом снова .left #wrapper{overflow:hidden;}
судя по коду у вас отображается только область внутри элемента, остальное обрезается.
(странно что вы используете и сами приписываете overflow:hidden для этих блоков О_о)

можно ограничиться - .left #wrapper {width:790px;margin: 0 -395} , чтобы всё работало не перегружалось кодами
возможно из-за этого что-то не так?

.singlePost, .menuSection { border-style:dotted; } -по идее верный код для рамок "в точечку"

13.03.2008 в 15:25

двуликий
.Sweeten hurt.
.singlePost, .menuSection { border-style:dotted; } не действует почему-то((
13.03.2008 в 15:28

двуликий
+ еще почему-то при использовании a:hover,a:active{border-bottom:2px dotted #цвет !important;} ссылки подчеркиваются линией и чуть ниже точками о___О

чертчертчерт что с блоками делать)= у меня уехали вправо
13.03.2008 в 15:38

all you have to decide is what to do with the time that is given to you

.singlePost, .menuSection { border-style:dotted; } не действует почему-то((
я тоже думаю - почему?
попробуйте разобраться с непонятными кодами, которые я выше отмечала.
может быть из-за них не получается этот установить?

еще почему-то при использовании
потому что это и есть код для создания подчеркивания, да ещё с заданной важностью
border-bottom:2px dotted #цвет !important;
(в данном случае активной ссылки - a:active = с указанием диаметра "точек" - 2px )


13.03.2008 в 21:15

Травой не ошибусь, отравитесь без шума.
Доктор глуп.
Пожалуйста, можете четко написать, что выкинуть, а что оставить? Чтобы было рамка синего цвета, как бы "выпуклая". И выделение ссылок белым цветом подчеркиванием сверху и снизу.
Просто обратиться к тому человеку, что делал мне этот код, уже невозможно. Разругались дико, больше не общаемся. =__=
14.03.2008 в 00:05

двуликий
.Sweeten hurt.
потому что это и есть код для создания подчеркивания, да ещё с заданной важностью
ну да. только раньше подчеркивалось точками, а сейчас ..


причем не только в пета
14.03.2008 в 09:50

all you have to decide is what to do with the time that is given to you
1). попробуйте выкинуть

- body {padding-top:0px; }
- a:hover,a:active{border-bottom:2px dotted #цвет !important;}

2) Подчеркивание ссылок. Написать:
- .left #wrapper {width:790px;margin: 0 -395}
- a:hover {text-decoration: underline overline; font-weight: bold;}
A:HOVER{ color: #ffffff; }
- оставьте что-то одно. или underline или .overline. очтобы посмотреть работает код вообще или нет

- ещё можете попробывать
a:hover {text-decoration: underline; font-weight: bold;}
a:hover {text-decoration:overline; font-weight: bold;}


3) Выпуклость рамки, может быть так:
.singlePost, .menuSection {border-top:ridge 2px #1c77b9 !important;}

и весь остальной код, разумеется, сохраняется



14.03.2008 в 09:53

all you have to decide is what to do with the time that is given to you
креветко-партезан
по идее это и есть "точки"
квадратные правда, но точки, и других в браузерах и не будет :laugh:

14.03.2008 в 10:12

Травой не ошибусь, отравитесь без шума.
.Sweeten hurt.
Поменял. Правда, второе не нашел у себя в кодах. 0_о
a:hover,a:active{border-bottom:2px dotted #цвет !important;} - это.

Теоритически все должно выглядеть так:


Пета отображает в таком виде теперь:

Код. Измененный.
#extratop { background: url('/userdir/4/0/4/0/404036/28092284.jpg') no-repeat; !important; width: 100%; height:279px; line-height: 100% !important;}
div.menuSection, div.pageBar, div.singlePost, .calnd { border-width:2px; border-color:#040ba8; border-style:ridge; padding:7px;}
#side .menuSection{text-align:center;}
.singlePost { border-style:lined; border-color:#000000; border-width:0 0 0px; }
.header {font-family: "Rosa Marena"; font-size: 14pt}
body.left{padding-left:10px !important;}
.left #wrapper{width:790px;margin: 0 -395 !important;padding:0 !important;overflow:hidden !important;}
.left #side{width:170px !important;margin:0 !important;}
.left #page-t{width:610px !important;padding:0 !important;}
.left #page-t{ margin-left: 170px !important }
.left #wrapper {width:790px;margin: 0 -395}
a:hover {text-decoration: underline; font-weight: bold;}
A:HOVER{ color: #ffffff; }
body{ background-attachment:fixed; }
#fromAnotherName, #fromAnotherPass { width:100px; }
.menuSection {text-align:center; }
.singlePost, .menuSection {border-top:ridge 2px #1c77b9 !important;}
.left #wrapper{overflow:hidden;}
.postsArea{overflow:scroll;}

14.03.2008 в 11:31

all you have to decide is what to do with the time that is given to you
так и быть
я написала и проверила весь код на своём дневнике

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

body.left{padding-left: 10px !important;}
.left #wrapper{width:810px;margin: 0 0 0 -405px !important;padding:0 !important;position:relative;left:50%;}
.left #side{width:200px !important;margin:0 !important;}
.left #page-c{width:1000px !important;padding:0 !important;}
#extratop { background: no-repeat; !important; width: 100%; height:279px; line-height: 100% !important;}
#side .menuSection{text-align:center;}
body{ background-attachment:fixed; }
.header {font-family: "Rosa Marena"; font-size: 14pt}
a:hover {text-decoration: underline overline; font-weight: bold;}
A:HOVER{ color: #ffffff; }
#fromAnotherName, #fromAnotherPass { width:100px; }
.menuSection {text-align:center; }
.singlePost, .menuSection {border:ridge 3px #1c77b9 !important;}


14.03.2008 в 22:55

двуликий
.Sweeten hurt.
ньеет, сейчас я вставила другой код и точки отдельные,без всяких линий
14.03.2008 в 23:00

all you have to decide is what to do with the time that is given to you
креветко-партезан
аа, в этом слмысле =)
я думала вас их слепленная форма не устраивает =)
извините
14.03.2008 в 23:49

Травой не ошибусь, отравитесь без шума.
.Sweeten hurt.
Рамки какие-то странные. У эпиграфа. =__=
И смещено сильно вправо. Экстратоп то я поменяю, это не проблема. Но вот остальное.
А еще раньше были отступы от рамок в постах. Сейчас же они впритык к ним, рамки к тексту. Да и между рамками (отдельными записями) были тоже интервалы.

Но все равно спасибо за потраченное время)
15.03.2008 в 00:23

all you have to decide is what to do with the time that is given to you
со смещением пыталась бороться
но видимо на бете это такой баг у многих, не поддающийся лечению исправлению собственными методами.....
может быть потом код придумает или подскажет что смещает - я не знаю

/далее коды составляю сама, поэтому за надежность не ручаюсь/
чтобы в эпиграфе не было второйрамки, попробуйте добавить
#epigraph {border:none;!important;}

для увеличения отступов:
.menuSection {padding: 10px; margin: 10px;!important;} (цифры посмотрите какие поставить самому)





15.03.2008 в 01:17

Травой не ошибусь, отравитесь без шума.
.Sweeten hurt.
Бесполезно. И отступы и эпиграф.
15.03.2008 в 11:17

all you have to decide is what to do with the time that is given to you
body.left{padding-left: 10px !important;}
.left #wrapper{width:810px;margin: 0 0 0 -405px !important;padding:0 !important;position:relative;left:50%;}
.left #side{width:200px !important;margin:0 !important;}
.left #page-c{width:1000px !important;padding:0 !important;}
#extratop { background: no-repeat; !important; width: 100%; height:279px; line-height: 100% !important;}
#side .menuSection{text-align:center;}
body{ background-attachment:fixed; }
.header {font-family: "Rosa Marena"; font-size: 14pt}
a:hover {text-decoration: underline overline; font-weight: bold;}
A:HOVER{ color: #ffffff; }
#fromAnotherName, #fromAnotherPass { width:100px; }
.menuSection {text-align:center; }
.postContent, .menuSection {border:ridge 3px #1c77b9 !important;}
#epigraph {border:none;!important;}
.postContent {padding: 10px; margin: 10px;!important;}



пробуйте вместо предыдущего.
должно получиься
15.03.2008 в 19:53

Травой не ошибусь, отравитесь без шума.
.Sweeten hurt.
Еще раз огромное спасибо)
А со смещением... Что ж, буду ждать переноса шаблонов, а там посмотрим, может, найдет кто решение)
16.03.2008 в 11:07

all you have to decide is what to do with the time that is given to you
17.03.2008 в 09:55

all you have to decide is what to do with the time that is given to you
|herr Doctor|
я нашла баг, когда себе пыталась зафиксировать элементы.
строчка:
left #wrapper{width:810px;margin: 0 0 0 -405px !important;padding:0 !important;position:relative;left:50%;}

Где увеличение числа с отрицательным значением (как здесь -405) сдвигает всё влево на 405 пикселей.
уменьшение - оно будет фиксироваться ближе к центру.

и наоборот. Положительные числа будут сдвигать блок вправо (насколько я поняла - относительно оси воображаемого центра страницы).

Просто попробуйте подобрать нужное значение ;-)
17.03.2008 в 10:03

Травой не ошибусь, отравитесь без шума.
.Sweeten hurt.
красота)) Спасибо^^
Вроде подобрал, стоит по центру.
Будем привыкать к широкому только теперь. =__= А так любил свой узковатый блок записей.
17.03.2008 в 10:08

all you have to decide is what to do with the time that is given to you
в принципе широту подбирала чтобы меню не было слишком далеко отлепленно от основного блока
но если вам хочется уже , уменьшайте -

.left #page-c{width:1000px !important;padding:0 !important;}


а "Поиск по дневнику" пропадает всякий раз ,как только дневник закрывают:
например от Чёрного списка или незарегистрированных пользователей.
17.03.2008 в 10:12

Травой не ошибусь, отравитесь без шума.
.Sweeten hurt.
да разобрался с поиском.
Пришлось просто закрывать от двух человек дневник. Ширину буду смотреть.
17.03.2008 в 10:16

all you have to decide is what to do with the time that is given to you
=) ок
17.03.2008 в 10:23

Травой не ошибусь, отравитесь без шума.
.Sweeten hurt.
Нашел решение^^
 nyctophobia чуть ниже выставляла, как избавляться от пробела между меню и блоком записей. Что позволяет играться с шириной))
Вобщем, новый код таков по ширине. И вроде по центру все.
.left #wrapper{width:790px;margin: 0 0 0 -405px !important;padding:0 !important;position:relative;left:50%;}
.left #side{width:170px !important;margin:0 !important;}
.left #page-t{width:620px !important;padding:0 !important;}
.left #page-t { margin-left: 170px !important }