1 Тема від lateralus Востаннє редагувалося lateralus (08.02.2016 14:46:46)

  • lateralus
  • Користувач
  • Поза форумом
  • Дата реєстрації: 08.02.2016
  • Повідомлень: 8
    • Репутація: 3

Тема: Проблема з позиціюванням блоків в режимі hover

Слава Україні!

Шановне, Панство!
Необхідна допомога. Четвертий день ламаю мозок над наступною проблемою:

Переверстую вітрину магазина.
Вітрина має 6 горизонтальних блоків з товарами. Необхідно додати попередній перегляд товарів.
В принципі все реалізував, але рішення однієї проблеми, так і не знайшов. Необхідна порада фахівця.
Проблема полягає в тому, що при наведенні мишкою на блок №3, він зміщує всі інші блоки, які йдуть за ним.
4-й - підтягує під себе, а всі інші зміщує по порядку.

2 Відповідь від Replace

  • Replace
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 06.04.2012
  • Повідомлень: 2 895
    • Репутація: 2107

Re: Проблема з позиціюванням блоків в режимі hover

Мені дуже важко представити, в чому у вас проблема, а в коді розібратись майже не реально. Але може position: absolute + координати (top, left)?

Replace вебсайт

3 Відповідь від koala

  • koala
  • koala
  • Лінива тваринка
  • Поза форумом
  • Дата реєстрації: 01.05.2013
  • Повідомлень: 15 780
    • Репутація: 13451

Re: Проблема з позиціюванням блоків в режимі hover

Ви використовуєте smarty чи щось інше? Ніколи з ним не працював, але в будь-якому разі - проблема у вас в HTML, відповідно, і розбирати треба його. Скопіюйте відповідний шматок сторінки (а не шаблона) і css на jsfiddle.net і дайте посилання.

koala вебсайт

4 Відповідь від lateralus

  • lateralus
  • Користувач
  • Поза форумом
  • Дата реєстрації: 08.02.2016
  • Повідомлень: 8
    • Репутація: 3

Re: Проблема з позиціюванням блоків в режимі hover

Replace написав:

Мені дуже важко представити, в чому у вас проблема, а в коді розібратись майже не реально. Але може position: absolute + координати (top, left)?

Проблемне місце, виділив червоним

http://replace.org.ua/misc.php?action=pun_attachment&item=1146&download=0&secure_str=5720t6233

Post's attachments

1.jpg 37.44 kb, 239 downloads since 2016-02-08 

5 Відповідь від lateralus

  • lateralus
  • Користувач
  • Поза форумом
  • Дата реєстрації: 08.02.2016
  • Повідомлень: 8
    • Репутація: 3

Re: Проблема з позиціюванням блоків в режимі hover

koala написав:

Ви використовуєте smarty чи щось інше? Ніколи з ним не працював, але в будь-якому разі - проблема у вас в HTML, відповідно, і розбирати треба його. Скопіюйте відповідний шматок сторінки (а не шаблона) і css на jsfiddle.net і дайте посилання.

Ні Smarty ні інші шаблонізатори не юзаю. Намагаюся поправити шаблон від комерційного продукту. Працюю у Coda. Я теж відчуваю що проблема на стороні HTML, а не стилів, але де саме, не можу знайти. Досвіду малувато.

https://jsfiddle.net/0L2retkb/

6 Відповідь від Анатолій

  • Дата реєстрації: 14.05.2014
  • Повідомлень: 894
    • Репутація: 276

Re: Проблема з позиціюванням блоків в режимі hover

lateralus написав:

Слава Україні!

Шановне, Панство!
Необхідна допомога. Четвертий день ламаю мозок над наступною проблемою:

Переверстую вітрину магазина.
Вітрина має 6 горизонтальних блоків з товарами. Необхідно додати попередній перегляд товарів.
В принципі все реалізував, але рішення однієї проблеми, так і не знайшов. Необхідна порада фахівця.
Проблема полягає в тому, що при наведенні мишкою на блок №3, він зміщує всі інші блоки, які йдуть за ним.
4-й - підтягує під себе, а всі інші зміщує по порядку.

можливою проблемою може бути, що неоднакова кількість тексту в одному блоці, чи іншими словами різна висота блоків, от спробуй проекспериментувати з фіксованою величиною блоків,  вказавши стиль min-height:500 px це наприклад, в тебе може висота інша бути для інформативного блоку - побачиш результат, якщо проблема саме в кількості тексту в блокові відповідно потрібно буде думати над дизайном цих блоків