0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 1189 Просмотров
*

smit1987

  • Захожу иногда
  • 108
  • 2 / 1
Картинка увеличивается при наведении. При этом, текст под ней, смещается вниз.
Как добиться эфекта наложения? Т.е. текст остался на своем месте, а картинка увеличилась и наложилась сверху.

.
Код
insr21 img {
  position: relative;
  z-index: 110;
  float: left;
  width: 100%;}

.insr21:hover img {
  width: 940px;
  min-width: 100%;
}
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
ссылочку бы. Стили только к картинке, а к тексту?
*

smit1987

  • Захожу иногда
  • 108
  • 2 / 1
ссылочку бы. Стили только к картинке, а к тексту?
Да толку то с этой ссылки? Вопрос типовой.
Обычная картинка, с обычным текстом ниже.
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
если типовой, чего задаете?
Изначально, как же так вывести картинку, в тексте, чтобы она не ломала контент по средством CSS (что Вы указали) практически нельзя. Как вариант - это необходимо картинку выводить поверх материала. Для этого надо плагины, яваскрипты и не только, а Вы говорите типовой.
Если еще и шаблон сделан на артистере, то лучше взять стандартный шаблон и его переписать, нежели править аристорский иначе бока будут при малейшем "вздохе"
*

smit1987

  • Захожу иногда
  • 108
  • 2 / 1
если типовой, чего задаете?
Изначально, как же так вывести картинку, в тексте, чтобы она не ломала контент по средством CSS (что Вы указали) практически нельзя. Как вариант - это необходимо картинку выводить поверх материала. Для этого надо плагины, яваскрипты и не только, а Вы говорите типовой.
Если еще и шаблон сделан на артистере, то лучше взять стандартный шаблон и его переписать, нежели править аристорский иначе бока будут при малейшем "вздохе"
Да там уже все давно перекроил)
Не думаю, что тут сложные скрипты нужны. Position очень легко все накладывает поверх чего угодно. Только нужно сообразить это "что угодно" на своем месте удержать.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать?

Автор Twins

Ответов: 3
Просмотров: 1481
Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

Ответов: 0
Просмотров: 686
Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 779
Последний ответ 08.03.2021, 22:21:01
от Flexderection
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 11
Просмотров: 1294
Последний ответ 03.11.2020, 16:57:40
от Nikolay89
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

Ответов: 8
Просмотров: 11717
Последний ответ 04.04.2020, 13:49:11
от jan_dax