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

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

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

Всем доброго времени суток) С опенкарт работаю недавно, поэтому пишу сюда. Возникло несколько проблем с шаблоном сайт 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: 

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


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

ахаха

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

Угумс..

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


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

Угумс..

Мда.. вывод: верстальщик из меня никакой)

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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