Ссылка "избранное"

Блог им. nickostyle
Никак не могу разобраться в этом css, скажите пожалуйста, как можно разместить иконку на добавление в избранное непосредственно после заголовка статьи?

6 комментариев

avatar
после это ниже или правее?
avatar
правее
avatar
тогда придётся прилично поморочиться.
сейчас блок с иконкой избранного позиционируется аболютно в левый верхний угол блока поста. а заголовок это не текст, а блок h1. т.е. надо переместить блок с иконкой в шаблоне внутрь h1 или сразу после, спозицонирвать его относительно и сделать флоат, возможно придётся добавить распорку от схлопывания… возиться в общем надо
avatar
Знаете, я вот в css всегда разбирался нормально, а сейчас ничего не понял, особенно про распорку, причем найти почитать ничего не могу, попадаются одни только базовые мануалы по css, где ни слова о том, что вы упомянули ))
avatar
ну сам файрбагом посмотри 

<div class="favorite">
<a onclick="lsFavourite.toggle(1463,this,'topic'); return false;" href="#"/>
</div>


.topic .favorite {
left:10px;
position:absolute;
top:7px;
}
.topic .favorite a {
background:transparent url(../images/icons.gif) no-repeat scroll 0 -40px;
display:block;
height:16px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
width:20px;
}


это цсс и код «сердечка». он жестко прибит к левому краю


<h1 class="title">  Ссылка "избранное" </h1>

а это код заголовка, цсса, кроме размеров шрифта у него нет, значит он просто обычный блоковый элемент, как положено любому h1

что бы выстроить два блоковых элемента рядышком, надо их float:left относительно друг друга, но тогда они выпадают из дома и элементы идущие после них налезают и обтекают их, в таких случаях ставится распорка со стилем clear:both; width:100%
avatar
о, теперь понятно, спасибо!
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.