01:33

помогите разобраться пожалуйста:
в дневнике под экстратопом образовалась странная область, где ссылки не работают. а мне необходимо использовать эпиграф как раз для ссылок. помогите разобраться в чем проблема, может у меня в код ошибка вкралась а я не вижу.
upd: глюк происходит только MF, в Опере все нормально работает=/

смотреть код

@темы: эпиграф

Комментарии
05.05.2008 в 10:47

all you have to decide is what to do with the time that is given to you
у меня Мозилла
и все ваши ссылки работают
единственное, оно немного слеплено выглядит


05.05.2008 в 23:10

.Sweeten hurt.
ну да, они так и должны выглядеть)
посмотрите, а ссылка, которая в эпиграфе расположена - она у вас работает?
05.05.2008 в 23:17

all you have to decide is what to do with the time that is given to you
CSS?
хммм
нет. она единственная не работает
каким кодом вы вставляли в эпиграф её?
05.05.2008 в 23:25

.Sweeten hurt.
обычным добавлением ссылки в текст через эпиграф. там любая ссылка не работает.
и еще вот:

это список всех тем, и первый три попадают как в область "ненажимания", но если нажать туда, то какой-то прямоугольник появляется.
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

Зверь-чародей
~narcissa нашел, кажется. Пропишите неотображаемым блокам меню display: none. Не только пунктам, но и блокам. Посмотрите их id по коду.

Для контроля добавьте временно

#side .menuSection {border: 1px solid red;}
#side {border: 1px solid green;}

зеленый блок закрывает эпиграф. убирите красные пустые блоки и будет счастье :)
07.05.2008 в 13:34

Рёцке
ага, там 4 красных блока получается, я смогла убрать только один #thisDiaryInfo
как убрать остальные три не представляю, потому что не знаю какие у них названия, по справке дайри я их тоже не вижу.
а в исходном коде страницы копалась очень долго, но не смогла найти ни одного блока с цветными границами=/
07.05.2008 в 13:47

Зверь-чародей
#globalLinks
#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;} сделала мою жизнь еще прекраснее) все работает)
спасибо :white: