Question

На главной странице сайта сделала категории в виде картинок с текстом внизу картинки, но при наведении на картинку не везде подчеркивается текст. Как это исправить?

Answer 1

Пропишите в стили:

a:hover {text-decoration:underline!important;}

Comments

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

---

Viktoria Nemchenko,

У вас не правильная разметка верхних картинок, покажите код.

---

Sentimo,

 <section>
 <div id="slider">
 <ul class="slides"><table style="text-align: center; border-collapse: collapse; width: 100%;"><tbody><tr><td><a href="http://edaoptom.info/board/0-0-0-0-1"><img src="/img/kategorii/knopk_kopija.png" alt="" title="Добавить объявление на доску объявлений"><br>Добавить объявление</a></td><td><a href="http://edaoptom.info/board/moreprodukty/11"><img src="http://edaoptom.info/img/kategorii/more.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Морепродукты&quot;"><br></a><div style="text-align: center;"><a href="http://edaoptom.info/board/moreprodukty/11">Морепродукты</a></div></td><td><div style="text-align: center;"><a href="http://edaoptom.info/board/rybnaja_produkcija/18"><img src="http://edaoptom.info/img/kategorii/rybna.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Рыбная продукция&quot;"></a></div><div style="text-align: center;"><a href="http://edaoptom.info/board/rybnaja_produkcija/18">Рыбная продукция</a></div></td><td><a href="http://edaoptom.info/board/mjasnaja_produkcija/37"><img src="http://edaoptom.info/img/kategorii/myasna.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Мясная продукция&quot;"><br></a><div style="text-align: center;"><a href="http://edaoptom.info/board/mjasnaja_produkcija/37">Мясная продукция</a></div></td><td><div style="text-align: center;"><a href="http://edaoptom.info/board/konservnaja_produkcija/45"><img src="http://edaoptom.info/img/kategorii/konservna.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Консервная продукция&quot;"></a></div><div style="text-align: center;"><a href="http://edaoptom.info/board/konservnaja_produkcija/45">Консервная продукция</a></div></td><td><div style="text-align: center;"><a href="http://edaoptom.info/board/polufabrikaty/77"><img src="http://edaoptom.info/img/kategorii/polufabricat.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Полуфабрикаты&quot;"></a></div><div style="text-align: center;"><a href="http://edaoptom.info/board/polufabrikaty/77">Полуфабрикаты</a></div></td><td><div style="text-align: center;"><a href="http://edaoptom.info/board/molochnaja_produkcija/58"><img src="http://edaoptom.info/img/kategorii/molok.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Молочная продукция&quot;"></a></div><div style="text-align: center;"><a href="http://edaoptom.info/board/molochnaja_produkcija/58">Молочная продукция</a></div></td></tr><tr><td><div style="text-align: center;"><br></div><a href="http://edaoptom.info/board/khlebobulochnye_konditerskie_izdelija/1"><img src="http://edaoptom.info/img/kategorii/hle.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Хлебобулочные, кондитерские изделия&quot;"><br>Хлебобулочные, <br>кондитерские изделия</a></td><td><br><a href="http://edaoptom.info/board/dary_prirody/62"><img src="http://edaoptom.info/img/kategorii/ovos.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Овощи, фрукты, ягоды&quot;"><br>Овощи, фрукты, ягоды</a><br><br></td><td><br><a href="http://edaoptom.info/board/sukhofrukty_orekhi/72"><img src="http://edaoptom.info/img/kategorii/suhofrukt.png" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Сухофрукты, орехи&quot;"><br>Сухофрукты, орехи</a><br><br></td><td><br><a href="http://edaoptom.info/board/vkusnye_dobavki/120"><img src="http://edaoptom.info/img/kategorii/sous.png" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Соусы, специи&quot;"><br>Соусы, специи<br></a><br></td><td><br><a href="http://edaoptom.info/board/napitki_bezalkogolnye/126"><img src="/img/kategorii/bezalk.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Напитки безалкогольные&quot;"><br>Напитки безалкогольные<br></a><br></td><td><img src="" alt=""><br><a href="http://edaoptom.info/board/napitki_alkogolnye/134"><img src="/img/kategorii/alkoh.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Напитки алкогольные&quot;"><br>Напитки алкогольные</a><br><br></td><td><a href="edaoptom.info/board/raznoe/164"><img src="/img/kategorii/raznoe.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Разное&quot;"><br></a><div style="text-align: center;"><a href="edaoptom.info/board/raznoe/164">Разное</a></div></td></tr></tbody></table><div style="text-align: center;"><br></div></ul>
 </div>
 </section>

---

Покажу вам пример, здесь не будет подчеркивания при наведении на картинку

<a href="http://edaoptom.info/board/moreprodukty/11"><img src="http://edaoptom.info/img/kategorii/more.jpg" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Морепродукты&quot;"><br></a><div style="text-align: center;"><a href="http://edaoptom.info/board/moreprodukty/11">Морепродукты</a></div>

а здесь будет

<a href="http://edaoptom.info/board/vkusnye_dobavki/120"><img src="http://edaoptom.info/img/kategorii/sous.png" alt="" style="border: 3px groove rgb(152, 251, 152);" title="Перейти в категорию &quot;Соусы, специи&quot;"><br>Соусы, специи<br></a>

Разницу заметили?

---

Sentimo,

Заметила) спасибо)