У меня проблема с ссылкой <a>
не работающей с всплывающим диалоговым окном на http://surtilub.com/productos.html. Также появляется рамка вокруг <a>
когда появляется всплывающее окно.
Чтобы увидеть это, вы можете нажать "Leer más" на любом продукте. Почему мои ссылки не работают, и что вызывает появление границы?
Благодарю.
Ваши pdf-ссылки не работают. Чтобы убедиться, что они работают, вставьте их прямо в окно браузера и убедитесь, что они загружаются. вам необходимо обновить свои файлы PDF, удалить все пробелы в именах файлов и затем обновить свои ссылки. для границ, чтобы удалить их, свойство css - "border: 0 none;"
Ваши ссылки не работают, потому что они неправильно кодируются 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, если вам это нужно.
Вы можете попробовать использовать javascript.
<a onclick="window.open(this.href,'_blank');return false;" href="http://some_other_site.com/whatever.pdf">Your other site</a>