Тег ссылки не работает и имеет дополнительную границу во всплывающем диалоге

0

У меня проблема с ссылкой <a> не работающей с всплывающим диалоговым окном на http://surtilub.com/productos.html. Также появляется рамка вокруг <a> когда появляется всплывающее окно.

Чтобы увидеть это, вы можете нажать "Leer más" на любом продукте. Почему мои ссылки не работают, и что вызывает появление границы?

Благодарю.

Теги:
hyperlink
dialog

3 ответа

0

Ваши pdf-ссылки не работают. Чтобы убедиться, что они работают, вставьте их прямо в окно браузера и убедитесь, что они загружаются. вам необходимо обновить свои файлы PDF, удалить все пробелы в именах файлов и затем обновить свои ссылки. для границ, чтобы удалить их, свойство css - "border: 0 none;"

0

Ваши ссылки не работают, потому что они неправильно кодируются URL (см. Кодировку URL-адреса w3). Например, ваша первая ссылка в первом элементе

fichas/300V 15W50 2Lts. Ficha Tecnica.pdf

но должно быть

fichas/300V%2015W50%202Lts.%20Ficha%20Tecnica.pdf

Ошибка CSS, которую вы видите, из-за вашего css файла jquery-ui-1.8.21.custom.js. Там есть раздел, который выглядит как

/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; height: 200px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:   Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
/*.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-    hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; } */
.ui-widget-content a { color: #222222; }
.ui-widget-header {color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

Удаление .ui-widget-content a { color: #222222; } .ui-widget-content a { color: #222222; } разрешает проблему. Вы также можете переопределить его в своем собственном файле css, если вам это нужно.

  • 0
    @Diegolops, если это не помогло вам или вам нужна дополнительная помощь, пожалуйста, дайте мне знать, в противном случае, если этот ответ был полезным и правильным, примите его.
0

Вы можете попробовать использовать javascript.

<a onclick="window.open(this.href,'_blank');return false;" href="http://some_other_site.com/whatever.pdf">Your other site</a>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню