Снявши крылья, по ушам не плачут.
Народ, я понимаю, что глупо, но я не знаю.
Как сделать вместо ссылки картинку названия дневника и затащить её на самый верх экстратопа?
Я знаю, есть такой код - {display:block; width:XXpx; height:XXpx; line-height:XXpx; float:left; overflow:hidden; background: url('/userdir/0/0/0/0/0000/00000.gif') Xpx Xpx no-repeat;}.
Но у меня либо картинка наверх не поднимается, либо картинка накладывается на ссылку.
Подскажите, пожалуйста.
Как сделать вместо ссылки картинку названия дневника и затащить её на самый верх экстратопа?
Я знаю, есть такой код - {display:block; width:XXpx; height:XXpx; line-height:XXpx; float:left; overflow:hidden; background: url('/userdir/0/0/0/0/0000/00000.gif') Xpx Xpx no-repeat;}.
Но у меня либо картинка наверх не поднимается, либо картинка накладывается на ссылку.
Подскажите, пожалуйста.
-
-
29.08.2009 в 00:02#side h1 a {display: block; overflow:hidden; height:ХХpx; line-height:ХХХpx; width:ХХХpx; background: url('/userdir/0/0/0/0/000000/00000000.png') no-repeat !important;}
Если вдруг что-то будет криво отображаться, попробуйте ещё закрепить картинку с именем дневника абсолютом, добавив код следующее: position:absolute;
Попробуйте так. Надо объяснять, где что обозначает? Полагаю, здесь уже можно разобраться самим.
-
-
29.08.2009 в 00:31Ну вот вы мне тоже дали просто заменить на картинку. А как поднять ее наверх? Мне надо ее на экстратоп затащить.
-
-
29.08.2009 в 00:37блаблабла { блаблаблаблабла; top:XXpx; left:XXpx; блаблаблаблабла; }
С помощью top регулируете в пикселях высоту, с помощью left — соответственно отступ по краям.
Пробуйте теперь.
-
-
29.08.2009 в 00:39-
-
29.08.2009 в 00:46Попробуйте так. Этот код полностью рабочий в одном из моих дизайнов.
-
-
29.08.2009 в 00:51Спасибо огромное, что откликнулись.
-
-
29.08.2009 в 00:56-
-
29.08.2009 в 16:03решил воспользоваться советом умного человека, то бишь вашим, хоть и данным не мне -
воспользовался вашим кодом - название в экстратоп встало, но гуляет при разном разрешении экрана как ему вздумается.
position:absolute; прописан, но никак на это не влияет.
можно ли это как-то исправить и зафиксировать ссылку на одном месте?
-
-
29.08.2009 в 16:09А absolute в данном случае и есть абсолютное закрепление. Можно попробовать, разве что, прописать position:relative; — возможно, это поможет, так как это закрепление относительное, поэтому, возможно, ссылка будет сама подстраиваться относительно разрешения. Однако ничего гарантировать не могу, так как проверить с разным разрешением возможности не имею.
-
-
29.08.2009 в 16:16попробую.
-
-
29.08.2009 в 16:20-
-
29.08.2009 в 16:31Возможно, дело в том, что ссылка свободно прыгает по экстратопу из-за того, что у Вас не закреплён сам враппер. Проверьте, а вдруг? Если действительно не закреплён, добавьте в код следующее:
#wrapper {блаблабла; position: relative !important; блаблабла;}
После того, как Вы зарепили враппер, абсолютом закрепите ссылку-картинку дневника и вновь протестируйте разрешения. Теперь точно должно быть всё в порядке: ссылка никуда не сможет уехать, потому что надёжно закреплён враппер, который регулируется как раз таки разрешением монитора пользователя.
-
-
29.08.2009 в 16:54кажется теперь все в порядке.
-
-
29.08.2009 в 17:15-
-
30.08.2009 в 03:36А можно у вас еще спросить?
Такой вот глупый вопрос - а как выровнять ссылки меню по левому краю, ну вот как в не платных дневниках?
Они вот сейчас все по серединке ровняются, а мне это не нравится...
-
-
30.08.2009 в 04:00-
-
30.08.2009 в 04:08Ну ладно, пойду изучать еще раз...
-
-
04.04.2011 в 00:20чёртчёрт, я некропостер