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

Проблема с отображением шаблона на Macbook(


Recommended Posts

Всем доброго времени суток) С опенкарт работаю недавно, поэтому пишу сюда. Возникло несколько проблем с шаблоном сайт http://emokobra.comxa.com/. Вроде бы все сделала правильно, но у заказчика отображаются некоторые элементы по другому (у него retina 15). 

1) Окно поиска почему-то отображается так https://www.dropbox.com/s/o0dogn1102iyzkr/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-06-02%2012.09.11.png

проверила стили, вроде бы все норм. 

2) Шаблон должен быть резиновым, до этого я с адаптацией опенкарт никогда не сталкивалась. Сделала, проверила на сервисе http://quirktools.com/screenfly/ - сайт тянется, но у заказчика не растягивается( 

Уже не знаю что делать, все файлы проверила, а результатов 0.. Вот и решила сюда написать. Помогите пожалуйста нубу)

Надіслати
Поділитися на інших сайтах


Всем доброго времени суток) С опенкарт работаю недавно, поэтому пишу сюда. Возникло несколько проблем с шаблоном сайт http://emokobra.comxa.com/. Вроде бы все сделала правильно, но у заказчика отображаются некоторые элементы по другому (у него retina 15). 

1) Окно поиска почему-то отображается так https://www.dropbox.com/s/o0dogn1102iyzkr/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-06-02%2012.09.11.png

проверила стили, вроде бы все норм. 

2) Шаблон должен быть резиновым, до этого я с адаптацией опенкарт никогда не сталкивалась. Сделала, проверила на сервисе http://quirktools.com/screenfly/ - сайт тянется, но у заказчика не растягивается( 

Уже не знаю что делать, все файлы проверила, а результатов 0.. Вот и решила сюда написать. Помогите пожалуйста нубу)

Как ник забавный, так и аватарка :oops:

1. Каким браузером пользуетесь(пользуется ваш заказчик?)

2. Резиновый всегда? То есть, при игре скроллом тоже должен быть резиновый? Максимальная ширина, которая там задана 1640px.

Надіслати
Поділитися на інших сайтах


Как ник забавный, так и аватарка :oops:

1. Каким браузером пользуетесь(пользуется ваш заказчик?)

2. Резиновый всегда? То есть, при игре скроллом тоже должен быть резиновый? Максимальная ширина, которая там задана 1640px.

спасибо^^

1) У меня хром, заказчик говорил что сафари и хром.

2) Видимо да. Одним словом как тут http://music-lovers.net84.net/home.html 

Надіслати
Поділитися на інших сайтах


Походу я что-то не так сделала(

Нужна точная версия браузеров, с каких возникает проблема.

Проблема может возникнуть у safari mobile, и простого сафари до версии 7,  padding-top, и другие отступы, игнорирует из-за осутствия условий (или при обернутом теге display:inline;)

По поводу резины.

Поскольку есть фиксированная ширина, о резине и речи быть не может.

Уточните у заказчика, какая должна быть резина(пример, данный форум, поиграйте скроллом)

Надіслати
Поділитися на інших сайтах


Заметил любопытную закономерность. Если помощи просит девушка, то желающих ее оказать становится значительно больше.

Нубам на заметку: если ваши вопросы на этом форуме регулярно игнорируются и остаются без ответа, то достаточно за зарегистрироваться под женским ником с "няшной" аватаркой и задать тот же вопрос. В таком случае помощь гарантирована  :-D

 

По существу:

1. Элемент input, как и ряд других элементов, относится к элементам интерфейса браузера. Поэтому в каждом браузере такие элементы отображаются в соответствии с параметрами назначенными этим браузером, если в таблицах стилей не задано иначе. Т.е. оформляя поля формы, нужно явно задавать высоту, отступы, радиусы, фон или его отсутствие и т.д. Т.е. в вашем случае нужно, как минимум, явно указать высоту поля. Для этого нужно убрать свойства padding-top и padding-botom и добавить свойства height и line-height

 

2. Не понятно о какой "резине" идет речь. Верстали Вы, или за основу был взят какой-то шаблон? На вашем сайте по медиа-запросу меняется ширина блока #section. Вот и вся "резиновость" вашего шаблона.

 

 

P.S.

... поиграйте скроллом ...

О да, детка! Поиграй со своим скролом!

Надіслати
Поділитися на інших сайтах

Заметил любопытную закономерность. Если помощи просит девушка, то желающих ее оказать становится значительно больше.

Нубам на заметку: если ваши вопросы на этом форуме регулярно игнорируются и остаются без ответа, то достаточно за зарегистрироваться под женским ником с "няшной" аватаркой и задать тот же вопрос. В таком случае помощь гарантирована  :-D

 

По существу:

1. Элемент input, как и ряд других элементов относятся к элементам интерфейса браузера. Поэтому в каждом браузере такие элементы отображаются в соответствии с параметрами назначенными этим браузером, если в таблицах стилей не задано иначе. Т.е. оформляя поля формы, нужно явно задавать высоту, отступы, радиусы, фон или его отсутствие и т.д. Т.е. в вашем случае нужно, как минимум, явно указать высоту поля. Для этого нужно убрать свойства padding-top и padding-botom и добавить свойства height и line-height

 

2. Не понятно о какой "резине" идет речь. Верстали Вы, или за основу был взят какой-то шаблон? На вашем сайте по медиа-запросу меняется ширина блока #section. Вот и вся "резиновость" вашего шаблона.

 

 

P.S.

О да, детка! Поиграй со своим скролом!

 

У меня нету как расовых, так и половых предрассудков :oops:

Надіслати
Поділитися на інших сайтах


Заметил любопытную закономерность. Если помощи просит девушка, то желающих ее оказать становится значительно больше.

Нубам на заметку: если ваши вопросы на этом форуме регулярно игнорируются и остаются без ответа, то достаточно за зарегистрироваться под женским ником с "няшной" аватаркой и задать тот же вопрос. В таком случае помощь гарантирована  :-D

 

По существу:

1. Элемент input, как и ряд других элементов, относится к элементам интерфейса браузера. Поэтому в каждом браузере такие элементы отображаются в соответствии с параметрами назначенными этим браузером, если в таблицах стилей не задано иначе. Т.е. оформляя поля формы, нужно явно задавать высоту, отступы, радиусы, фон или его отсутствие и т.д. Т.е. в вашем случае нужно, как минимум, явно указать высоту поля. Для этого нужно убрать свойства padding-top и padding-botom и добавить свойства height и line-height

 

2. Не понятно о какой "резине" идет речь. Верстали Вы, или за основу был взят какой-то шаблон? На вашем сайте по медиа-запросу меняется ширина блока #section. Вот и вся "резиновость" вашего шаблона.

 

 

P.S.

О да, детка! Поиграй со своим скролом!

Ы юмористы))

На счет поиска спасибо большое, я об этом не знала.

За основу был взят html шаблон. 

Возникла еще одна проблема( установила модуль быстрого заказа, у которого всплывающее окно colorbox. При раскрытии появляются полосы прокрутки( Как можно поменять стиль окна colorbox? Можно ли это вообще? 

Надіслати
Поділитися на інших сайтах


Ы юмористы))

На счет поиска спасибо большое, я об этом не знала.

За основу был взят html шаблон. 

Возникла еще одна проблема( установила модуль быстрого заказа, у которого всплывающее окно colorbox. При раскрытии появляются полосы прокрутки( Как можно поменять стиль окна colorbox? Можно ли это вообще? 

Ну конечно можно.

Это по адресу /catalog/view/javascript/jquery/colorbox/colorbox.css

Надіслати
Поділитися на інших сайтах


Ну конечно можно.

Это по адресу /catalog/view/javascript/jquery/colorbox/colorbox.css

Пробовала, не меняется( там к самому элементу стиль прописан <div id="cboxLoadedContent" style="width: 622px; overflow: auto; height: 268px;"><div id="fast_order_form">  

Надіслати
Поділитися на інших сайтах


Пробовала, не меняется( там к самому элементу стиль прописан <div id="cboxLoadedContent" style="width: 622px; overflow: auto; height: 268px;"><div id="fast_order_form">  

Ну так, что поменять то требуется?

Размер или сам стиль/дизайн элементов?

Надіслати
Поділитися на інших сайтах


Ну так, что поменять то требуется?

Размер или сам стиль/дизайн элементов?

Да, стиль всплывающего окна модуля. Мне бы хотя бы узнать в каком файле находится эта строчка <div id="cboxLoadedContent" style="width: 622px; overflow: auto; height: 268px;"><div id="fast_order_form">  

Надіслати
Поділитися на інших сайтах


Все сделала. Кароче тупо взяла и поставила почти на все стили colorbox значение display:none и установила нужные значения непосредственно на самом модуле, поверх colorbox) Вроде норм))

Надіслати
Поділитися на інших сайтах


Все сделала. Кароче тупо взяла и поставила почти на все стили colorbox значение display:none и установила нужные значения непосредственно на самом модуле, поверх colorbox) Вроде норм))

Тупо, короче, взяла.. Что творит, чертовка :oops:

А если серьёзно, натворила ты делов, ещё хуже чем было :-)

Надіслати
Поділитися на інших сайтах


Тупо, короче, взяла.. Что творит, чертовка :oops:

А если серьёзно, натворила ты делов, ещё хуже чем было :-)

ахаха

неужели все совсем испортила?  :shock: 

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

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

×
×
  • Створити...

Important Information

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