[Vadyxa]

Здравствуйте! Решил доработать шаблон на WordPress и в одном месте возник вопрос. Вроде бы все делаю правильно, но картинки в сайдбаре не отображаются. Вот код стилей:

Код HTML:

buttom.rss-buttom {
display:block;
position: absolute;
left:10px;
top:20px;
width:60px;
height:60px;
background:url(/images/green/ico/rss_logo.png) no-repeat;
}

buttom.rss-buttom:hover {
background:url(/images/green/ico/rss_logo_a.png) no-repeat;
position: absolute;
left:10px;
top:20px;
}

buttom.twitter-buttom {
display:block;
position: absolute;
left:70px;
top:20px;
width:60px;
height:60px;
background:url(/images/green/ico/rss_logo.png) no-repeat;
}

buttom.twitter-buttom:hover {
background:url(/images/green/ico/rss_logo_a.png) no-repeat;
position: absolute;
left:70px;
top:20px;
}

а вот код, который я вставляю в то место, в котором хочу видеть эти картинки:

Код HTML:

 <div id="buttom"> <a href="http://feeds.feedburner.com/" title="Подписаться на RSS" rel="nofollow"><div class="rss-buttom"></div></a> <a href="http://twitter.com/" title="Следуй за мной" rel="nofollow"><div class="twitter-buttom"></div></a> </div>

Но после сохранения файла, ничего на сайте не меняется. В чем может быть проблема? Что я делаю не так?
Заранее спасибо за ответ =)

[quadrat]

по коду мельком пробежался вродь норм(хотя в css не силен)

/images/green/ico/rss_logo_a.png

глупый вопрос, но все же по этому пути картинки хранятся? относительно корня сайта

[Vadyxa]

quadrat, да, путь прописан правильно.

[ArhStrAngeR]

Vadyxa,ты бы ссылки заключил в дивы, а то у тебя дивы отдельно, ссылки отдельно... Поэтому и css не работает, обращение идет к дивам, а там нет ничего...
вот так:

Код HTML:

<div id="buttom"><div class="rss-buttom"><a href="http://feeds.feedburner.com/" title="Подписаться на RSS" rel="nofollow"></a></div><div class="twitter-buttom"> <a href="http://twitter.com/" title="Следуй за мной" rel="nofollow"></a></div></div>

[Vadyxa]

ArhStrAngeR, не помогло это =(

[OKyJIucT]

Код HTML:

<div id="buttom"> <div class="rss-buttom"><a href="http://feeds.feedburner.com/" title="Подписаться на RSS" rel="nofollow"></a></div> <div class="twitter-buttom"> <a href="http://twitter.com/" title="Следуй за мной" rel="nofollow"></a></div> </div>

#buttom .rss-buttom a {
display:block;
position: absolute;
left:10px;
top:20px;
width:60px;
height:60px;
background:url('images/green/ico/rss_logo.png') no-repeat;
}

#buttom .rss-buttom a:hover {
background:url('images/green/ico/rss_logo_a.png') no-repeat;
position: absolute;
left:10px;
top:20px;
}

#buttom .twitter-buttom a {
display:block;
position: absolute;
left:70px;
top:20px;
width:60px;
height:60px;
background:url('images/green/ico/rss_logo.png') no-repeat;
}

#buttom .twitter-buttom a:hover {
background:url('images/green/ico/rss_logo_a.png') no-repeat;
position: absolute;
left:70px;
top:20px;
}

Попробуйте так

[ArhStrAngeR]

Vadyxa,Решил проблему через удаленный рабочий стол:)

[Vadyxa]

ArhStrAngeR,спасибо еще раз =)

[OKyJIucT]

ArhStrAngeR, так поделитесь, вдруг кому пригодится:)

[ArhStrAngeR]

OKyJIucT,Просто не совсем верно указаны были пути и неверное обращение к дивам