Перейти к содержимому


Проблема одним блоком шаблона


  • Вы не можете ответить в тему
Сообщений в теме: 17

#1 Zudva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 34 сообщений
Репутация: 0
Начинающий

Отправлено 13 February 2012 - 01:39 PM

Здравствуйте!)

Возникла проблема с блоком поиск на сайте. Шаблон (с этого сайта, он же Ribalka) сделан так что при увеличении или уменьшении разрешения происходит выпадание блока поиск.

Как можно решить оное безобразие? В целом тут видно то что блок уменьшается в размере на 10px, не могу его переписать так что бы он адекватно выглядел.

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

Изображение

адрес сайта

Всем зарание спасибо!
  • 0

#2 Matit

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 104 сообщений
Репутация: 2
Начинающий

Отправлено 15 February 2012 - 07:58 PM

Zudva, попробуйте сделать так:

в css пропишите для класса .menu следующее:
width: 730px;

и в классе .search_2 измените значение width на 220:
width: 220px;
  • 0
Все "спасибо" в репутацию :)

#3 Zudva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 34 сообщений
Репутация: 0
Начинающий

Отправлено 16 February 2012 - 12:40 PM

Zudva, попробуйте сделать так:

в css пропишите для класса .menu следующее:
width: 730px;

и в классе .search_2 измените значение width на 220:
width: 220px;


спасибо Уважаемый, помогло частично. Сейчас наблюдается проблема в отображении блока в браузере Chrome при уменьшении страницы.

Еще по вебвизору посмотрю....могу Вас пивом угостить, донат так сказать небольшой?)))

Хотя нет, все ок, только вот дырка осталась теперь....жаль....есть идеи как исправить?
Заранее Спасибо!)
  • 0

#4 Matit

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 104 сообщений
Репутация: 2
Начинающий

Отправлено 16 February 2012 - 02:13 PM

Zudva, попробуйте добавить в класс .menu следующее:

background: url("menu_rep_bg.png") repeat-x scroll 0 0 transparent;

"На пиво" можно присылать сюда [HIDE="20"]R404993120444 [/HIDE]или кнопкой спасибо :)

---------- Сообщение объединено ----------

И еще: в классе .error измените color: #FFFFFF на color: #000000
В корзине, сообщение "Сумма заказа должна быть не менее 2 000.00руб." не видно (цвет текста белый).
  • 0
Все "спасибо" в репутацию :)

#5 Zudva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 34 сообщений
Репутация: 0
Начинающий

Отправлено 16 February 2012 - 02:46 PM

Спасибо добрый человек)! Помогло! Вот что же я сам не додумался раньше так сделать(((

И еще: в классе .error измените color: #FFFFFF на color: #000000
В корзине, сообщение "Сумма заказа должна быть не менее 2 000.00руб." не видно (цвет текста белый).


да это я специально так поставил так как у меня выходило сообщение в категории "нет товара", на время правда было сделано но затянулось. А можно как-то реализовать так что бы сообщение об ошибке в корзине было не зависимо от сообщения об ошибке в категории или наоборот?

ех....ех..ех....рядом с кнопкой главная вылез красный квадратик(((....думаю убрать его никак, ведь вся ось их X заполняется же...как вариант сделать кнопку квадратной...
  • 0

#6 Matit

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 104 сообщений
Репутация: 2
Начинающий

Отправлено 16 February 2012 - 05:06 PM

Zudva, по поводу ошибок - не понял что хотите...
а насчет квадрата - замените на это (картинку сохраните под другим названием):
[HIDE="1"]http://matit.ru/menu_rep_bg.png[/HIDE]
background: url("http://matit.ru/menu_rep_bg.png") no-repeat scroll 650px 0 transparent;

фоновая картинка нужна по-шире, чтобы можно было указать no-repeat и сдвинуть ее с левого края.
  • 0
Все "спасибо" в репутацию :)

#7 Zudva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 34 сообщений
Репутация: 0
Начинающий

Отправлено 16 February 2012 - 05:10 PM

А есть скайп, кинь в личку...
  • 0

#8 Matit

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 104 сообщений
Репутация: 2
Начинающий

Отправлено 16 February 2012 - 05:12 PM

Zudva, что? вон ссылка в предыдущем сообщении. Откройте картинку в браузере нажмите сохранить, после загрузите на свой сервер, например переименовав в menu_rep_bg1.png и тогда получится:
background: url("http://matit.ru/menu_rep_bg1.png") no-repeat scroll 650px 0 transparent;
  • 0
Все "спасибо" в репутацию :)

#9 Zudva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 34 сообщений
Репутация: 0
Начинающий

Отправлено 16 February 2012 - 05:22 PM

Zudva, что? вон ссылка в предыдущем сообщении. Откройте картинку в браузере нажмите сохранить, после загрузите на свой сервер, например переименовав в menu_rep_bg1.png и тогда получится:
background: url("http://matit.ru/menu_rep_bg1.png") no-repeat scroll 650px 0 transparent;


Да я про скайп не подумав ляпнул...картинки я уже поменял, просто дорисовал области, только не успел поменять 730px, на 650px.
А с ошибкой такая проблема: я не нашел в shop cms как отключить отображение ошибки в категории: "нет товара"
И просто решл скрыть его пока. Можно ли как-то разграничить вывод ошибок или просто отключиить их вывод в категориях и тогда можно вернуть цвет
Вот такая проблема....
  • 0

#10 Zudva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 34 сообщений
Репутация: 0
Начинающий

Отправлено 16 February 2012 - 10:01 PM

background: url("http://matit.ru/menu_rep_bg.png") no-repeat scroll 650px 0 transparent;

фоновая картинка нужна по-шире, чтобы можно было указать no-repeat и сдвинуть ее с левого края.


....не закрылось....поставил блок который нарисовал сам, размером 114 на 57 пикселей и не сдвинулось....
  • 0

#11 Matit

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 104 сообщений
Репутация: 2
Начинающий

Отправлено 17 February 2012 - 09:18 AM

....не закрылось....поставил блок который нарисовал сам, размером 114 на 57 пикселей и не сдвинулось....

естественно не закроется... Ширина картинки 1px! Нужно увеличить ширину до 100 например ( в фотошопе). Я же выше писал, скачать картинку, переименовать закинуть на фтп и поменять в css имя картинки... Теперь делайте картинку сами, я ее уже удалил.
  • 0
Все "спасибо" в репутацию :)

#12 Zudva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 34 сообщений
Репутация: 0
Начинающий

Отправлено 17 February 2012 - 02:52 PM

естественно не закроется... Ширина картинки 1px! Нужно увеличить ширину до 100 например ( в фотошопе). Я же выше писал, скачать картинку, переименовать закинуть на фтп и поменять в css имя картинки... Теперь делайте картинку сами, я ее уже удалил.


дык я же написал что нарисовал файл 114 в ширину и 57 в высоту пикселей. Заменил и прописал в style.css:

.menu{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px; list-style:none;background: url("menu_rep_bg.png") no-repeat scroll 650px 0 transparent;}

собственно картинка не сдвинулась(

что-то ни так делаю? Вроде все как вы описали...
  • 0

#13 Matit

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 104 сообщений
Репутация: 2
Начинающий

Отправлено 17 February 2012 - 07:11 PM

Zudva,

все правильно, вы убрали ширину блока menu!
В классе .menu добавьте следующее:

width: 730px;
  • 0
Все "спасибо" в репутацию :)

#14 Zudva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 34 сообщений
Репутация: 0
Начинающий

Отправлено 17 February 2012 - 07:44 PM

хм....а ведь прописывал ширину....видимо ошибся или забыл про размер файла. Спасибо Вам)

а вы не в курсе того как решается проблема с ошибками на сайте, описанная выше?
  • 0

#15 Matit

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 104 сообщений
Репутация: 2
Начинающий

Отправлено 19 February 2012 - 12:06 PM

а вы не в курсе того как решается проблема с ошибками на сайте, описанная выше?

нет
  • 0
Все "спасибо" в репутацию :)

#16 Zudva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 34 сообщений
Репутация: 0
Начинающий

Отправлено 19 February 2012 - 12:30 PM

Все же еще раз спасибо))) думаю можно найти инфу на форуме шопки
  • 0

#17 SoVA

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 66 сообщений
Репутация: 0
Начинающий
  • ГородКраснодар

Отправлено 06 June 2012 - 10:47 PM

Тоже похожие грабли с этим шаблоном. В Хроме и Опере отображается нормально, а в Огнелисе, мобильной Опере и мобильном же Хроме на Андроиде - между последней кнопкой меню и окном поиска - "дырка". Пробовал закрасить фон цветом рамки поиска - не получилось, закрашивается много чего вокруг, да и выглядит "закраска" в этом промежутке жутенько. Пробовал описанные выше варианты с шириной блока menu в CSS - тоже желаемого эффекта не вышло: то окно поиска уходит на вторую строку, то последняя кнопка меню.

Опера:
Изображение

Хром:
Изображение

Фокс:
Изображение
  • 0
Make love, not work!

#18 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 07 June 2012 - 01:56 AM

Тут нужно полностью переверстать меню. Видимо оно как-то калично заверстано в шаблоне.
Если готовы оплачивать пишите в ЛС. На пальцах не объяснишь, тем более что это не во всех браузерах.
  • 0