От куда появились черточки после подключения Lightbox?

Question

[Максим Тюльпаков]

Подключил Lightbox с сайта
В коде никаких черточек нет, но они от куда-то берутся.

<figure class="img-lefting">
                        <p>
                            <a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/fontain-01.jpg">
                                <img class="bold" src="images/fontain-01.jpg" width="240">
                            </a>
                            <a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/pool-02.jpg">
                                <img class="bold" src="images/pool-02.jpg" width="240">
                            </a>
                            <a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/pool-01.jpg">
                                <img class="bold" src="images/pool-01.jpg" width="240">
                            </a>
                            <a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/land-05.jpg">
                                <img class="bold" src="images/land-05.jpg" width="240">
                            </a>
                        </p>
                    </figure>

Answer 1

[GreatRash]

Это потому что у ссылок text-decoration: underline; по умолчанию стоит. Вот пробелы и подчёркиваются :)
Либо поставить text-decoration: none; ссылкам, либо записать без переносов в виде: <a><img /></a>

UPD: и кстати, использовать в данном случае <figure> — крайне неправильно.

Comments

[Максим Тюльпаков]

:) во блин, слона то и не заметил. Спасибо, все поправил.