Question

Пытался сам но, так и не получилось не чего!

Сделал закладки из 1 модуля, эта закладки имеет вид картинки, эту закладку нужно прикрепить к постеру (обложки) так, чтобы когда структура сайта меняется,  при этом эта иконка закладок следовала за самим постером (обложкой)

1- Вот должно быть так всегда

2- А вот когда заголовок длинее и структура сайта меняется, вот что с закладкой

И вот вид с мобильного:

 

Помогите пожалуйста !!!!!

-----------------------------------------------

Вот эти ссылки сатериалов

1 http://kinofob.at.ua/load/serialy/mne_ehto_ne_nravitsja/18-1-0-592

2 http://kinofob.at.ua/load/anime/re_zhizn_v_alternativnom_mire_s_nulja/2-1-0-541

 

 <!----Кнопка закладок-----> <div class="knopka_zakladki"> <?if($USER_LOGGED_IN$)?><span id="$ID$" style="margin-left: 10px; cursor: pointer; position: absolute; top: 59px;"><img src="/img/tag_orange_add.png" onclick="addEntry('$ENTRY_TITLE$','$ID$','$ENTRY_URL$')" style="margin-left:0px;"></span><?endif?> <!---> <?ifnot($USER_LOGGED_IN$)?> <a href="javascript://" onclick="new _uWnd('ajax','Информация для гостей сайта (Закладки)','400','90',{autosize:false,modal: false,close:true,header:true,nomove: false,fixed:true},' Авторизуйтесь, и вы сможете легко добавить фильм в закладки. (Сохраненные закладки можно найти в своем профиле.)')"><span style="margin-left: 10px; cursor: pointer; position: absolute; top: 59px;"><img border="0" align="absmiddle" src="/img/tag_orange_add.png"></a></span> <?endif?> </div>  <!--Кнопка закладок Конец--> 

 

Answer 1

Попробуйте на уровне стилей решить, например так:

@media screen and (min-width: 240px) and (max-width: 650px) { 
.knopka_zakladki img {
    max-width: inherit!important;
    position: absolute;
    z-index: 9999;
    top: 51px;
}
}

Comments

Не получилось! Не понимаю процес, у меня не стандарт шаблон он немного для меня запутаю, и есть некоторые проблемы с аякс окнами еще!     Я в кодах, и их соединения еще толком не понимаю (

---

---- ----,

Не увидел стилей в таблице стилей которые в примере выше, в результате не вижу, что изменилось или нет.

---

Yuri_Geruk,

У меня в стилях вот такое : https://i.imgur.com/u5nzIQS.jpg       Те стили  которые вы дали, я устанавливал  сюда: https://i.imgur.com/kd8kAxZ.jpg     -   Проверил, почистил кеш, не чего не изменилось. Потом все вернул обратно, дабы я не запутал все для себя. 

И в этом коде стили эти вырезал: https://i.imgur.com/pUmPcLi.jpg   Тоже не помогло, я вообще не пойму. Запутался 

 

Вот вы мне дали эти стили но! Я не понял нужно-ли было здесь что то менять или нет:

 <!----Кнопка закладок-----> <div class="knopka_zakladki"> <?if($USER_LOGGED_IN$)?><span id="$ID$" style="margin-left: 10px; cursor: pointer; position: absolute; top: 59px;"><img src="/img/tag_orange_add.png" onclick="addEntry('$ENTRY_TITLE$','$ID$','$ENTRY_URL$')" style="margin-left:0px;"></span><?endif?> <!---> <?ifnot($USER_LOGGED_IN$)?> <a href="javascript://" onclick="new _uWnd('ajax','Информация для гостей сайта (Закладки)','400','90',{autosize:false,modal: false,close:true,header:true,nomove: false,fixed:true},' Авторизуйтесь, и вы сможете легко добавить фильм в закладки. (Сохраненные закладки можно найти в своем профиле.)')"><span style="margin-left: 10px; cursor: pointer; position: absolute; top: 59px;"><img border="0" align="absmiddle" src="/img/tag_orange_add.png"></a></span> <?endif?> </div>  <!--Кнопка закладок Конец--> 

---

---- ----,

То что советовалось прописать в файл styles.css в самый низ.

---

Yuri_Geruk,

сдалал как сказали -  не чего не поменялось http://kinofob.at.ua/load/anime/boruto_novoe_pokolenie_naruto/2-1-0-578

---

---- ----,

51 заменить на 71, должно помочь

---

Yuri_Geruk,

Нет все глухо!!!!   Намучался  с шаблоном разными дополнениями, но как то получалось исправлять.
Не понимаю что не так, даже вам тяжело  закладки настроить, мож помеха в шаблоне какая-та.
------------------------------------------------------------------------------------------
Вот например, я это сам не решу в жизни, это чисто сломана аякс окно, и содержимое в нем: https://i.imgur.com/711WeCa.jpg    И такое везде, ответ на комментарий и редактирование в окнах.   Напоминание пароля если забыл вообще не работают поля. 

 

Эти 2 проблемы задирживают меня, для продвижения сайта!  Аякс окно, и иконка закладок

---

---- ----,

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