Question

Здравствуйте. В списке литературы на сайте рядом с каждым источником размещена иконка для скачивания. В разных браузерах положение иконки меняется, иногда она накладывается на текст. Как правильно разместить иконки чтобы их положение было фиксированным?

Answer 1

В данном случае придется редактировать ваши списки в режиме html, то есть как пример у нас код с вашего материала:

<div class="Osnovnaya">
<ol><li>Е.В. Чикин. Химия: Учебное пособие; - Томск: Эль Контент, 2012.</li>
<div class="img3"><a href="https://yadi.sk/d/1DAVBGOn2Z-KY" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>

<li>Н.В. Коровин. Общая химия: Учебник для технических направлений и специальностей вузов - 7-е изд., испр. - М. : Высшая школа, 2006.</li><div class="img4"><a href="https://yadi.sk/d/0w5iVSro2Z-0O" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>

<li>М.В.Тихонова, И.А.Екимова. Основы общей и физической химии. Учебное пособие. Томск: ТУСУР, 2015.</li><div class="img22"><a href="https://yadi.sk/i/KNmiynO7osUUu" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a></div>

<li>Е.В.Чикин. Сборник задач и упражнений по общей химии. Учебно-методическое пособие. Томск: ТУСУР, 2012.</li><div class="img5"><a href="https://yadi.sk/d/0Gsa5IyK2Z-Xy" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>

 
<li>Е.В. Чикин. Лабораторные работы по химии. Учебно-методическое пособие. Томск: ТУСУР, 2012.</li><div class="img6"><a href="https://yadi.sk/d/j4HESqm58RxXR" title="Скачать">
<img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>
</ol>
</div>

я бы его заменил на:

<div class="Osnovnaya">
<ol><li>Е.В. Чикин. Химия: Учебное пособие; - Томск: Эль Контент, 2012.
<a href="https://yadi.sk/d/1DAVBGOn2Z-KY" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>

<li>Н.В. Коровин. Общая химия: Учебник для технических направлений и специальностей вузов - 7-е изд., испр. - М. : Высшая школа, 2006.<a href="https://yadi.sk/d/0w5iVSro2Z-0O" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>

<li>М.В.Тихонова, И.А.Екимова. Основы общей и физической химии. Учебное пособие. Томск: ТУСУР, 2015.<a href="https://yadi.sk/i/KNmiynO7osUUu" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a></li>

<li>Е.В.Чикин. Сборник задач и упражнений по общей химии. Учебно-методическое пособие. Томск: ТУСУР, 2012.<a href="https://yadi.sk/d/0Gsa5IyK2Z-Xy" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>

 
<li>Е.В. Чикин. Лабораторные работы по химии. Учебно-методическое пособие. Томск: ТУСУР, 2012.<a href="https://yadi.sk/d/j4HESqm58RxXR" title="Скачать">
<img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>
</ol>
</div>

и в стили бы прописал:

.Osnovnaya img,.Dopolnitelnaya img {position:relative;top:5px;}

и все будет отображаться как положено.

Comments

и код:

<div class="Dopolnitelnaya">
<ol>
<li>Н.Л. Глинка. Общая химия : Учебное пособие для вузов - 11-е изд. - М.-Л. : Химия, 1964.</li><div class="img7"><a href="https://yadi.sk/d/mQH7KyY-2Z-3m" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>

<li>Я.А.Угай. Общая и неорганическая химия: Учебник для вузов. 4-е изд., стереотип. - М. : Высшая школа, 2004.</li><div class="img8"><a href="https://yadi.sk/d/yT77NlPe2Z-6K" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>

<li>Н.С.Ахметов. Общая и неорганическая химия: Учебник для вузов. - М. : Высшая школа, 1981.</li><div class="img9"><a href="https://yadi.sk/d/QSgvKGKD2Z-BM" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>

<li>Н.Л. Глинка. Задачи и упражнения по общей химии : Учебное пособие для вузов - 14-е изд. –М.-Л. : Химия, 1965.</li><div class="img10"><a href="https://yadi.sk/d/fDjdSqkN2Z-Gm" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>

<li>Е.В. Чикин. Химия: Учебное пособие ; Федеральное агентство по образованию, Томский государственный университет систем управления и радиоэлектроники, Кафедра радиоэлектронных технологий и экологического мониторинга. - Томск : ТУСУР, 2005.</li><div class="img14"><a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>

<li>Химия : Учебное пособие / Г. В. Смирнов, Г. М. Якунина ; Министерство образования Российской Федерации, Томский государственный университет систем управления и радиоэлектроники, Кафедра технологии радиоэлектронной аппаратуры. - Томск : ТМЦДО, 2000.</li><div class="img15"><a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>

<li>Химия : Учебное методическое пособие / Г. В. Смирнов, Г. М. Якунина ; Министерство образования Российской Федерации, Томский государственный университет систем управления и радиоэлектроники, Кафедра технологии радиоэлектронной аппаратуры. - Томск : ТМЦДО, 2000.</li><div class="img16"><a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></div>

<li>Химия. Сборник задач и упражнений. Часть I. / под ред. Г.В.Ляминой. - Томск: Изд-во Том.гос. архит.-строит. ун-та, 2009.</li><div class="img11"><a href="https://yadi.sk/d/QfunA9F-2Z-PM" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a></div>

<li>Общая химия. Сборник задач и упражнений (часть 1). Н.Г. Давыдова, Т.С.Шепеленко, Т.В.Лапова. Томск: Изд-во Том.гос. архит.-строит. ун-та, 2008.</li><div class="img12"><a href="https://yadi.sk/d/Kml6yaZC2Z-SA" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a></div>

<li>Большой химический справочник / А.И. Волков, И.М. Жарский. - Мн.: Современная школа, 2005.</li><div class="img13"><a href="https://yadi.sk/d/KLNjigmA2Z-VC" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a></div>
 
</ol>
</div>

---

Yuri_Geruk,

заменил бы на:

<div class="Dopolnitelnaya">
<ol>
<li>Н.Л. Глинка. Общая химия : Учебное пособие для вузов - 11-е изд. - М.-Л. : Химия, 1964.<a href="https://yadi.sk/d/mQH7KyY-2Z-3m" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>

<li>Я.А.Угай. Общая и неорганическая химия: Учебник для вузов. 4-е изд., стереотип. - М. : Высшая школа, 2004.<a href="https://yadi.sk/d/yT77NlPe2Z-6K" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>

<li>Н.С.Ахметов. Общая и неорганическая химия: Учебник для вузов. - М. : Высшая школа, 1981.<a href="https://yadi.sk/d/QSgvKGKD2Z-BM" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>

<li>Н.Л. Глинка. Задачи и упражнения по общей химии : Учебное пособие для вузов - 14-е изд. –М.-Л. : Химия, 1965.<a href="https://yadi.sk/d/fDjdSqkN2Z-Gm" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a> <a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>

<li>Е.В. Чикин. Химия: Учебное пособие ; Федеральное агентство по образованию, Томский государственный университет систем управления и радиоэлектроники, Кафедра радиоэлектронных технологий и экологического мониторинга. - Томск : ТУСУР, 2005.<a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>

<li>Химия : Учебное пособие / Г. В. Смирнов, Г. М. Якунина ; Министерство образования Российской Федерации, Томский государственный университет систем управления и радиоэлектроники, Кафедра технологии радиоэлектронной аппаратуры. - Томск : ТМЦДО, 2000.<a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>

<li>Химия : Учебное методическое пособие / Г. В. Смирнов, Г. М. Якунина ; Министерство образования Российской Федерации, Томский государственный университет систем управления и радиоэлектроники, Кафедра технологии радиоэлектронной аппаратуры. - Томск : ТМЦДО, 2000.<a href="http://www.lib.tusur.ru" title="Найти в библиотеке ТУСУРа"><img src="http://mv-tihonova.ucoz.ru/poisk1.png"></a></li>

<li>Химия. Сборник задач и упражнений. Часть I. / под ред. Г.В.Ляминой. - Томск: Изд-во Том.гос. архит.-строит. ун-та, 2009.<a href="https://yadi.sk/d/QfunA9F-2Z-PM" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a></li>

<li>Общая химия. Сборник задач и упражнений (часть 1). Н.Г. Давыдова, Т.С.Шепеленко, Т.В.Лапова. Томск: Изд-во Том.гос. архит.-строит. ун-та, 2008.<a href="https://yadi.sk/d/Kml6yaZC2Z-SA" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a></li>

<li>Большой химический справочник / А.И. Волков, И.М. Жарский. - Мн.: Современная школа, 2005.<a href="https://yadi.sk/d/KLNjigmA2Z-VC" title="Скачать"><img src="http://mv-tihonova.ucoz.ru/zakachka1.png"></a></li>
 
</ol>
</div>