Картинка вместо текстовой ссылки и проблема с extrabottom

[Kevin McLean]

Доброго всем времени суток!

Знающие люди, подскажите пожалуйсто почему мой код отказывается рабоатать.

1) Я хочу осуществить такую вот фишку: заменить текстовые ссылки, полностью картинками. Для этого использую overflow: hidden и padding, чтобы скрыть теккстовую ссылку и оставить только background.

Вот мой код:
#thisDiaryLinks {position: absolute; top: 246px; left: 216px;}
#thisDiaryLinks li, #writeToAuthor, #subscribeEmail { float: left; margin-right: 10px !important; font-size: 11px; letter-spacing: -1px; }
#writeToAuthor a, #subscribeEmail a, #authorFav a, #authorQuot a, #authorLiks a, #authorAlbum a, #authorRSS a {display: inline; height:52px; width:0; padding-top: 54px; overflow: hidden;}
#writeToAuthor a:hover, #subscribeEmail a:hover, #authorFav a:hover, #authorQuot a:hover, #authorLiks a:hover, #authorAlbum a:hover, #authorRSS a:hover {display: inline; height:52px; width:0; padding-top: 54px; overflow: hidden;}
#writeToAuthor a { background:url('/userdir/6/7/7/0/67702/23901179.gif' top no-repeat; }
#writeToAuthor a:hover { background:url('/userdir/6/7/7/0/67702/23901175.gif' top no-repeat; }
#subscribeEmail a {background:url('/userdir/6/7/7/0/67702/23901171.gif' top no-repeat; }
#subscribeEmail a:hover {background:url('/userdir/6/7/7/0/67702/23901167.gif' top no-repeat; }
#authorFav a {background:url('/userdir/6/7/7/0/67702/23901163.gif' top no repeat; }
#authorFav a:hover {background:url('/userdir/6/7/7/0/67702/23901159.gif' top no repeat; }
#authorQuot a {background:url('/userdir/6/7/7/0/67702/23901151.gif' top no repeat; }
#authorQuot a:hover {background:url('/userdir/6/7/7/0/67702/23901155.gif' top no repeat; }
#authorAlbum a {background:url('/userdir/6/7/7/0/67702/23901147.gif' top no repeat; }
#authorAlbum a:hover {background:url('/userdir/6/7/7/0/67702/23901143.gif' top no repeat; }


Картинки должны как бы оказаться на обрывке тетредного листа, а текста вообще не должно быть видно, но на деле текст есть, а картинок не видно:



Две картинки еще пока не готовы, есть только Альбом автора, цитатник и избранное.

2) По непонятное мне причине в блоке #extrabottom у меня съезжает background, кто нибудь знает, как это можно поправить?
Мой код:
#extrabottom {clear: both; background:url('/userdir/6/7/7/0/67702/23901131.gif'; no-repeat center; height:21px; text-align: center;}

@темы: отступы, фоновые картинки, основные блоки

Comments

[Melanger]

Ничего, собственно, не знаю, но у меня вот такой вот кодик справляется с первой задачей:

#myDiaryLink b {display:block; width:100px; height:20px; line-height:500px; overflow:hidden; background: #ffffff url('/userdir/3/1/9/2/319232/22616626.jpg') 0px 0px no-repeat;}

Ток ты ж со значениями поиграйся.