помогите разобраться пожалуйста:
в дневнике под экстратопом образовалась странная область, где ссылки не работают. а мне необходимо использовать эпиграф как раз для ссылок. помогите разобраться в чем проблема, может у меня в код ошибка вкралась а я не вижу.
upd: глюк происходит только MF, в Опере все нормально работает=/
смотреть кодbody {background: #ffffff url('/userdir/8/3/1/4/83142/30286591.jpg') no-repeat bottom center fixed;}
body {bacgroung-attachment: fixed;}
#wrapper{min-width:590px!important;width:590px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
#side{width:590px !important;margin: 0 !important; position:absolute; top: 0px;}
#page-c{width:590px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
#page-t {background-color: #ffffff;}
a:hover {color: #8BD3D6;}
a:hover {text-decoration: none;}
.menuSection{text-transform: lowercase;}
div.singlePost .header span {font-family: "Microsoft Sans Serif"; font-size: 20px;}
div.singlePost .postDate {color: #455E68; font-family: "Microsoft Sans Serif"; font-size: 22px;}
div.singleComment .header span {color:#83B3B5}
#photolibLink,#lastComments,#authorName,#authorFav,#authorQuot,#authorStats,#authorRSS,#authorAlbum,#postsCalendar,#albumLink, #rssLink,#myStatLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #upInChart,#diarySupportLink,#paySupportLink,#faqLink,#iAmQuit, #thisDiaryPhoto,#headlineList,#YaSearch,#myLinks, #randomDiaryLink, #allDiaryLink, #favListLink, #authorLiks, #writeToAuthor, #TagsList, #tagslistlink, #myLinksLink,#addToFav,#delFromFav,#subscribeEmail, #pchListLink, #NContent {display:none;}
#extratop { background: url('/userdir/8/3/1/4/83142/30286611.jpg') !important; width: 590px; height:60px; line-height: 100% !important;}
#umailLink {position: absolute; top: 35px; left: 214px;}
#discussionLink {position:absolute; top: 35px; left: 126px;}
#myDiaryLink {position:absolute; top: 35px; left: 13px;}
#writeThisDiary {position: absolute; top: 45px; left: 41px;}
#myFavLink {position: absolute; top: 45px; left: 204px;}
#myProfileLink {position: absolute; top: 45px; left: 122px;}
#optionsLink {position: absolute; top: 45px; left: 327px;}
#myQuotLink {position: absolute; top: 45px; left: 269px;}
#mainpageLink {position: absolute; top: 45px; left: 391px;}
#myDraftLink {position: absolute; top: 45px; left:499px;}
#myDraftLink, #writeThisDiary, #myFavLink, #myProfileLink, #optionsLink, #myQuotLink, #mainpageLink, #myDiaryLink, #umailLink, #discussionLink {font-family: "Microsoft Sans Serif"; font-size: 12px;}
#myDraftLink A, #writeThisDiary A, #myFavLink A, #myProfileLink A, #optionsLink A, #myQuotLink A, #mainpageLink A, #myDiaryLink A, #umailLink A, #discussionLink A {color: #CDCDCD;}
#myDraftLink A:hover, #writeThisDiary A:hover, #myFavLink A:hover, #myProfileLink A:hover, #optionsLink A:hover, #myQuotLink A:hover, #mainpageLink A:hover, #myDiaryLink A:hover, #umailLink A:hover, #discussionLink A:hover {color: #83B3B5;}
#side h1 A {display:block; width:206px; height:42px; line-height:500px; overflow:hidden; background: url('/userdir/8/3/1/4/83142/30286665.jpg') 0px -42px no-repeat;position:absolute;top:5px;left:375px;}
#side h1 A:hover {display:block; width:206px; height:42px; line-height:500px; overflow:hidden; background: url('/userdir/8/3/1/4/83142/30286665.jpg') 0px 0px no-repeat;position:absolute;top:5px;left:375px;}
-
-
05.05.2008 в 10:47и все ваши ссылки работают
единственное, оно немного слеплено выглядит
-
-
05.05.2008 в 23:10ну да, они так и должны выглядеть)
посмотрите, а ссылка, которая в эпиграфе расположена - она у вас работает?
-
-
05.05.2008 в 23:17хммм
нет. она единственная не работает
каким кодом вы вставляли в эпиграф её?
-
-
05.05.2008 в 23:25обычным добавлением ссылки в текст через эпиграф. там любая ссылка не работает.
и еще вот:
это список всех тем, и первый три попадают как в область "ненажимания", но если нажать туда, то какой-то прямоугольник появляется.
-
-
07.05.2008 в 11:33#side A{font-family: "Microsoft Sans Serif"; font-size: 12px;color: #CDCDCD;}
#side A:hover {color: #83B3B5;}
вместо
#myDraftLink, #writeThisDiary, #myFavLink, #myProfileLink, #optionsLink, #myQuotLink, #mainpageLink, #myDiaryLink, #umailLink, #discussionLink {font-family: "Microsoft Sans Serif"; font-size: 12px;}
#myDraftLink A, #writeThisDiary A, #myFavLink A, #myProfileLink A, #optionsLink A, #myQuotLink A, #mainpageLink A, #myDiaryLink A, #umailLink A, #discussionLink A {color: #CDCDCD;}
#myDraftLink A:hover, #writeThisDiary A:hover, #myFavLink A:hover, #myProfileLink A:hover, #optionsLink A:hover, #myQuotLink A:hover, #mainpageLink A:hover, #myDiaryLink A:hover, #umailLink A:hover, #discussionLink A:hover {color: #83B3B5;}
я список тем вообще почему-то не вижу.
из подозрительных моментов в коде:
#side h1 A {display:block; width:206px; height:42px; line-height:500px; overflow:hidden; background: url('/userdir/8/3/1/4/83142/30286665.jpg') 0px -42px no-repeat;position:absolute;top:5px;left:375px;}
#extratop { background: url('/userdir/8/3/1/4/83142/30286611.jpg') !important; width: 590px; height:60px; line-height: 100% !important;}
оно точно надо? и точно ли оно надо такого размера? возможно это и мешает работе ссылок.
-
-
07.05.2008 в 11:59о, спасибо! я никогда не задумывалась о такой оптимизации кода меню, потому что обычно использую разные цвета ссылок или разные размеры шрифта для разных элементов. спасибо, так действительно аккуратнее)
подозрительные моменты:
line-height:500px; - код для замены ссылки картинкой я брала у Тех'а, эту часть кода точно не меняла. и вообще слабо понимаю за что отвечает это значение. сменила на 100 - буквы нигде не вываливаются)
line-height: 100% !important - а с экстратопом у меня была продолжительная борьба после смены шаблонов, чтобы снова прилепить его к верхнему краю страницы, в прошлом коде все было совсем глючно, я даже позиционирование использовала, видимо что-то ненужное осталось. убрала эту часть, экстратоп на месте)
но подозрительный прямоугольник не пропадает, а вся область под экстратопом остается ненажимаемой.
-
-
07.05.2008 в 12:29Для контроля добавьте временно
#side .menuSection {border: 1px solid red;}
#side {border: 1px solid green;}
зеленый блок закрывает эпиграф. убирите красные пустые блоки и будет счастье
-
-
07.05.2008 в 13:34ага, там 4 красных блока получается, я смогла убрать только один #thisDiaryInfo
как убрать остальные три не представляю, потому что не знаю какие у них названия, по справке дайри я их тоже не вижу.
а в исходном коде страницы копалась очень долго, но не смогла найти ни одного блока с цветными границами=/
-
-
07.05.2008 в 13:47#myDiaryLinks
#thisDiaryOwner
#thisDiaryLinks
убирать наверное всё не надо, это раз
второе:
#side {height: 60px !important; overflow: hidden;} - ограничить высоту меню форсированно
третье:
#side * {padding:0; margin:0;} - пустые блоки не занимают места
кстати третьего может хватить отдельно от первого и второго.
-
-
07.05.2008 в 14:35похоже что дело было как раз в высоте блока меню)))
вот эта строчка #side {height: 60px !important; overflow: hidden;} сделала мою жизнь еще прекраснее) все работает)
спасибо