Задать позиционирование элементу?

Question

[Люба]

Подскажите как правильно позиционирование сделать что бы звездочка была всегда в левом верхнем углу ?

стили такие

.star {

    margin-top: -145px;
    position: absolute;
    font-size: 13px;
    color: #fff;
    margin-left: 160px;
}

?>
			            <span class="star">
			            <?
						echo '<div id="car'.$row_Recordset1['id'].'">';
		                if (!$_SESSION['cart'] || !in_array($row_Recordset1['id'], $_SESSION['cart']))
			            echo '<a onclick="send_cart('.$row_Recordset1['id'].', 1, \''.$absolut_path.'\')" ><img border=0 src="'.$absolut_path.'/icon/favor_off.png" title="Добавить в блокнот"></a>';
			            elseif($_SESSION['cart'] && in_array($row_Recordset1['id'], $_SESSION['cart']))
			            echo '<a onclick="send_cart('.$row_Recordset1['id'].', 1, \''.$absolut_path.'\')" ><img border=0 src="'.$absolut_path.'/icon/favor_on.png" title="Удалить из блокнота"></a>';
			            echo '</div>';
						echo '</span>';

Answer 1

[x404]

У родителя (всего блока):

.parent{
   position: relative;
}

У самой иконки favorite:

.star {    
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 13px;
    color: #fff;
}

Comments

[Люба]

все равно не выходит где нет фото они все равно уезжают

[x404]

Люба, Покажите html одного блока
Например сюда - https://jsfiddle.net/

[Петр]

Люба, укажите просто контейнеру самого блока, а не картинки.
position: relative;

И звезду размещайте в нем с
z-index:99

[Люба]

Петр, не поняла как сделала вот так

css

.star {

 position: absolute;
    top: -145px;
    left: 160px;
}

.parent{
   position: relative;
}

блок

?>
			            <span class="parent">
			            <?
						echo '<div id="car'.$row_Recordset1['id'].'">';
		                if (!$_SESSION['cart'] || !in_array($row_Recordset1['id'], $_SESSION['cart']))
			            echo '<a onclick="send_cart('.$row_Recordset1['id'].', 1, \''.$absolut_path.'\')" ><img class="star" border=0 src="'.$absolut_path.'/icon/favor_off.png" title="Добавить в блокнот"></a>';
			            elseif($_SESSION['cart'] && in_array($row_Recordset1['id'], $_SESSION['cart']))
			            echo '<a onclick="send_cart('.$row_Recordset1['id'].', 1, \''.$absolut_path.'\')" ><img class="star" border=0 src="'.$absolut_path.'/icon/favor_on.png" title="Удалить из блокнота"></a>';
			            echo '</div>';
						echo '</span>';

[x404]

Люба, Вы готовый HTML блока покажите. Вы показываете только звездочку, а надо весь блок.
Тот что в браузере уже :)

[Сергей Герасимов]

Люба, position: relative должен стоять у самой карточки, которая включает в себя фотогрию товара и блок с описанием. И если вам надо по правой стороне, то пишите right: 10px, а вы пишите про левую сторону

[Петр]

<div class="card"> - это блок карточки
<img /> - тут фото
<div class="star"></div>
<div class="card_body"
    <h1>Тут заголовок</h1>
    <p>Тут описание</p>
</div>
</div>

И вот классу card вам нужно задать position: relative;
А для класса star position: absolute;