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

Подсказака - css в строке с html - правки...


Recommended Posts

Добрый день - плохо понимаю как правильно сделать отдельно в файле с css - поэтому решился на правки в модуле с HTML

 

Что прописал:

<div class="flex-row hp-banners-item">
			<p><a href="#">Професійне чищення кондиціонера</a></p>
                        <p><span>500 – 1200 грн.</span></p>
                        <p><a href="#"></a></p><p style="background: #1071dc; border:3px #fff ridge; width: 200px; padding: 3px 0 3px 10px; margin:10px;"><a href="#">Детальніше</a></p>
			<img alt="" src="image/catalog/banners/banner-slide1-min.png">
		</div>

 

Что пытаюсь добиться:  (ссылка на ресурс)

Ссылка на картинку - ссылка

 

Т.е. мне надо - в блоке кнопку подвинуть по центру, сделать при наведении смену фона кнопки и чтоб надпись не съезжала между моб и ПК версией страницы.  Нужна подсказка как это сделать правильно. Буду очень признателен. Спасибо.

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


Открой какой-нить файл стилей, там есть типа

Цитата

@media (min-width: 768px) {
    .image-radio img{
        max-width: 39px;
    }
}
@media (min-width: 992px) {
    .image-radio img{
        max-width: 41px;
    }
}
@media (min-width: 1200px) { 
    .image-radio img{
        max-width: 44px;
    }
}

Это стили под разные разрешения. Где-то у меня было прога, которая выдавала код под разные типы мониторов - поищу.

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

Прогу не нашел - та у меня на компе куча всякой хрени. Но нашел сервис, где онлайн можно получить оболочку кода под конкретные модели мобил. https://simplecss.eu/

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

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

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

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

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

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

Вхід

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

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

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

Important Information

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