Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

заголовок баннера css


Santelgsm

Recommended Posts

Всем Доброго дня , подскажите как изменить заголовок баннера за рамку самого баннера  .

сдвигаю вниз с помощью bottom , 

если убрать параметр overflow: hidden то заголовок появляется но картинка накладывается поверх рамки баннера

Screenshot_1.jpg

Screenshot_2.jpg

Надіслати
Поділитися на інших сайтах


Можно убрать overflow у общего блока, а саму картинку обернуть в ещё один див, width/height на 100%, border-radius: 50%, overflow: hidden.

Или можно div заголовка перенести за пределы общего блока. Если поедет, то ещё раз всё обернуть в общий див, что по сути равносильно первому варианту, только с заднего хода.

Надіслати
Поділитися на інших сайтах

И кто такие темы делает что бы после них такие косяки выправлять?

По теме: округление изображения делается базовым бутстраповским классом img-circle, примените его отдельно к изображению, а не ко всему контейнеру, включающему заголовок.

Надіслати
Поділитися на інших сайтах


15 минут назад, zlatoff сказал:

И кто такие темы делает что бы после них такие косяки выправлять?

По теме: округление изображения делается базовым бутстраповским классом img-circle, примените его отдельно к изображению, а не ко всему контейнеру, включающему заголовок.

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

Надіслати
Поділитися на інших сайтах


42 минуты назад, LetMeCode сказал:

Можно убрать overflow у общего блока, а саму картинку обернуть в ещё один див, width/height на 100%, border-radius: 50%, overflow: hidden.

Или можно div заголовка перенести за пределы общего блока. Если поедет, то ещё раз всё обернуть в общий див, что по сути равносильно первому варианту, только с заднего хода.

спасибо , просто сделал бордер круг для картинки и убрал overflow: hidden и все встало как надо :)

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.