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

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

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

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

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

2

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

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

3

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

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

4

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, 107 downloads since 2016-02-08 

5

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

koala написав:

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

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

https://jsfiddle.net/0L2retkb/

6

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

lateralus написав:

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

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

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

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

Збираю знання і... роздаю знання :)