Перейти к содержанию

Рекомендуемые сообщения

Доброго времени суток. 

Имеются некоторые проблемы с отображением стиля ссылок и их шрифта в некоторых браузерах(chrome, opera, firefox; в ie шрифт ссылкой в некоторых блоках отображается корректно, но стиль ссылки(подчеркивание) все же присутствует, хотя в моей таблице стилей его нет).

Проинспектировав объект обнаружил, что стиль меняет некий:

user agent stylesheet
a:-webkit-any-link {color: -webkit-link;text-decoration: underline;cursor: auto;}

Вычитал в гугле, что нужно создать некий reset.css, примерно следующего содержания:

a { text-decoration: none; color: #323232; font:Times, "Times New Roman" }

Собственно вопрос, верно ли я составил его содержание(т.к. проблема только в некоторых блоках) и как его правильно подключить (вернее в каком файле opencart"а)?

 

Спасибо.

post-679269-0-90914200-1392054954_thumb.png

post-679269-0-53068700-1392055019_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

upd.

подключил reset.css от yahoo

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

Убрались точки перед ссылками, шрифт и подчеркивание не поменялся/убрался, цвет ссылок не меняется. (В ie корректное отображение шрифтов, но не меняется цвет и не убирается подчеркивание в блоке категорий).

Прикладываю таблицу стилей.

stylesheet.css

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Просто дайте ссылку на свой сайт и на проблемную страницу

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Просто дайте ссылку на свой сайт и на проблемную страницу

http://food-shop.e3w.ru/index.php?route=product/category&path=18

 

Цвет и стиль ссылок в левом блоке категорий. Шрифт поменялся, но отображение в ie совсем другое, сглаживание что ли какое то другое у мелкософта. Планировалось отображение как в прикрепленном файле.

post-679269-0-44671900-1392058283_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вы сказали, что подключили reset.css

Его на сайте нет

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вы сказали, что подключили reset.css

Его на сайте нет

В каком смысле нет? Прописывал в файле catalog/view/theme/default/template/common/header.tpl

<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/reset.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />

В исходном коде готовой страницы он есть. Что я сделал не так?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да, есть. Дело скорее  всего в вашем шрифте. Кстати, в приведённом ранее куске кода стили для ссылок не сбрасываются. Версию с сайта проверить не смог, так как сайт у вас в оффлайн из-за ошибок ушел. Вот вчерашний скриншот по поводу того что вы говорили о разных браузерах - везде одинаково, одинаково плохо:

 

ie.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
deim, спасибо за ответ. В вашем скриншоте в chrome отображение шрифта (верхняя панель категорий и левый блок ссылок) отображение такое, какое должно быть(именно шрифта, underline я уже устранил). У меня же во всех браузерах (помимо ie) отображается arial.
Пробовал прописывать шрифт через 
<link href='http://fonts.googleapis.com/css?family=Comfortaa:400,300,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

ничего не меняется, так же: отображение в ie отличное, как задумывалось, в остальных же отображается шрифт arial ( хотя в firebug"е пишет что comfortaa ), При выборе другого подключаемого шрифта - проблема исчезает. Видимо проблема в самом шрифте и его отображении в тройке(chrome, opera, ff). Буду искать какие то методы оптимизации или банально схожий шрифт. Спасибо, тему можно закрывать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.