Доброе утро.
Проблему с разрывом между постами и меню я кое-как решил. За что благодарю [L]nyctophobia, подсказавшую ниже, что делать в таком случае. Вроде бы решил. Но теперь весь блок съезжает влево, и что с этим делать, я хз. А должен быть по центру. Плюс пропали все рамки. 0_о Подозреваю, что это может быть связано с переименовыванием блоков страницы.
Код. Честно признаться, делался не мною. Помогали.#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 {padding-top:0px; }
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 }
body{ background-attachment:fixed; }
#fromAnotherName, #fromAnotherPass { width:100px; }
a:hover {text-decoration: underline overline; font-weight: bold;}
A:HOVER{ color: #ffffff; }
.menuSection {text-align:center; }
.singlePost, .menuSection { border-style:dotted; }
.left #wrapper{overflow:hidden;}
.postsArea{overflow:scroll;}
Скриншот того безобразия, что сейчас творится на пета: 

@темы:
меню,
рамки и полоски,
diaryCSS,
основные блоки,
платный сервис
-
-
13.03.2008 в 12:10зачем прописывать отступ, если его величина всё равно 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.singlePost, .menuSection { border-style:dotted; } не действует почему-то((
-
-
13.03.2008 в 15:28чертчертчерт что с блоками делать)= у меня уехали вправо
-
-
13.03.2008 в 15:38.singlePost, .menuSection { border-style:dotted; } не действует почему-то((
я тоже думаю - почему?
попробуйте разобраться с непонятными кодами, которые я выше отмечала.
может быть из-за них не получается этот установить?
еще почему-то при использовании
потому что это и есть код для создания подчеркивания, да ещё с заданной важностью
border-bottom:2px dotted #цвет !important;
(в данном случае активной ссылки - a:active = с указанием диаметра "точек" - 2px )
-
-
13.03.2008 в 21:15Пожалуйста, можете четко написать, что выкинуть, а что оставить? Чтобы было рамка синего цвета, как бы "выпуклая". И выделение ссылок белым цветом подчеркиванием сверху и снизу.
Просто обратиться к тому человеку, что делал мне этот код, уже невозможно. Разругались дико, больше не общаемся. =__=
-
-
14.03.2008 в 00:05потому что это и есть код для создания подчеркивания, да ещё с заданной важностью
ну да. только раньше подчеркивалось точками, а сейчас ..
причем не только в пета
-
-
14.03.2008 в 09:50- 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по идее это и есть "точки"
квадратные правда, но точки, и других в браузерах и не будет
-
-
14.03.2008 в 10:12Поменял. Правда, второе не нашел у себя в кодах. 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я написала и проверила весь код на своём дневнике
всё работает, по крайней мере, как я это поняла.
единственно что - пришлось увеличить размер блока записи, чтобы между ним и меню не было разрыва большого.
поэтому экстратоп вам уже самому надо поправлять или увеличивать до того размера, который будет удобен
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ньеет, сейчас я вставила другой код и точки отдельные,без всяких линий
-
-
14.03.2008 в 23:00аа, в этом слмысле =)
я думала вас их слепленная форма не устраивает =)
извините
-
-
14.03.2008 в 23:49Рамки какие-то странные. У эпиграфа. =__=
И смещено сильно вправо. Экстратоп то я поменяю, это не проблема. Но вот остальное.
А еще раньше были отступы от рамок в постах. Сейчас же они впритык к ним, рамки к тексту. Да и между рамками (отдельными записями) были тоже интервалы.
Но все равно спасибо за потраченное время)
-
-
15.03.2008 в 00:23но видимо на бете это такой баг у многих, не поддающийся
лечениюисправлению собственными методами.....может быть потом код придумает или подскажет что смещает - я не знаю
/далее коды составляю сама, поэтому за надежность не ручаюсь/
чтобы в эпиграфе не было второйрамки, попробуйте добавить
#epigraph {border:none;!important;}
для увеличения отступов:
.menuSection {padding: 10px; margin: 10px;!important;} (цифры посмотрите какие поставить самому)
-
-
15.03.2008 в 01:17Бесполезно. И отступы и эпиграф.
-
-
15.03.2008 в 11:17.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Еще раз огромное спасибо)
А со смещением... Что ж, буду ждать переноса шаблонов, а там посмотрим, может, найдет кто решение)
-
-
16.03.2008 в 11:07-
-
17.03.2008 в 09:55я нашла баг, когда себе пыталась зафиксировать элементы.
строчка:
left #wrapper{width:810px;margin: 0 0 0 -405px !important;padding:0 !important;position:relative;left:50%;}
Где увеличение числа с отрицательным значением (как здесь -405) сдвигает всё влево на 405 пикселей.
уменьшение - оно будет фиксироваться ближе к центру.
и наоборот. Положительные числа будут сдвигать блок вправо (насколько я поняла - относительно оси воображаемого центра страницы).
Просто попробуйте подобрать нужное значение
-
-
17.03.2008 в 10:03красота)) Спасибо^^
Вроде подобрал, стоит по центру.
Будем привыкать к широкому только теперь. =__= А так любил свой узковатый блок записей.
-
-
17.03.2008 в 10:08но если вам хочется уже , уменьшайте -
.left #page-c{width:1000px !important;padding:0 !important;}
а "Поиск по дневнику" пропадает всякий раз ,как только дневник закрывают:
например от Чёрного списка или незарегистрированных пользователей.
-
-
17.03.2008 в 10:12да разобрался с поиском.
Пришлось просто закрывать от двух человек дневник. Ширину буду смотреть.
-
-
17.03.2008 в 10:16-
-
17.03.2008 в 10:23Нашел решение^^
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 }