Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Recommended Posts

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

Имеются некоторые проблемы с отображением стиля ссылок и их шрифта в некоторых браузерах(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

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

В каком смысле нет? Прописывал в файле 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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.