X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Сделать кнопки в ряд, Правка css кода
Gera
Gera
Topic Starter сообщение 7.7.2020, 18:16; Ответить: Gera
Сообщение #1


Здравствуйте.

Есть страница https://trening.fincult.ru/page521 и под некоторыми баннерами есть кнопки, которые идут друг под другом http://joxi.ru/DmBnp4RsJDloNm , но нужно сделать, чтобы они были рядом, вот так http://joxi.ru/82QDdM4Swk7Gwm , подскажите, пожалуйста, какие правки в css нужно добавить конкретно в моем случае, чтобы кнопки были расположены рядом на всей странице, спасибо заранее!


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kev
kev
сообщение 7.7.2020, 18:37; Ответить: kev
Сообщение #2


Gera, ну самое простое:

Код
.builder-item.part-button.text-right {
    flex: 2 0 50%;
}


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Levels
Levels
сообщение 7.7.2020, 19:15; Ответить: Levels
Сообщение #3


Вам необходимо изменить это свойство
Код
.flex-container .flex-column > * {
   flex: 1 1 100%;
   -webkit-flex: 1 1 100%;
}


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gera
Gera
Topic Starter сообщение 8.7.2020, 4:04; Ответить: Gera
Сообщение #4


Цитата(kev @ 7.7.2020, 18:37) *
.builder-item.part-button.text-right {
flex: 2 0 50%;
}

Спасибо, помогло.
А как можно убрать отступы тут http://joxi.ru/a2XxpDYhwe3Gg2 , чтобы кнопки были поближе друг к другу.

Вопрос актуален...
Кнопки рядом, но отступ убрать не получилось, чтобы они были поближе друг к другу.

Сообщение отредактировал Gera - 7.7.2020, 19:39


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 8.7.2020, 14:31; Ответить: falken
Сообщение #5


Цитата(Gera @ 8.7.2020, 3:04) *
Вопрос актуален...

по ссылке 404 возвращает


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gera
Gera
Topic Starter сообщение 9.7.2020, 22:20; Ответить: Gera
Сообщение #6


falken, изменили ссылку, сейчас она https://trening.fincult.ru/course


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hellnar
Hellnar
сообщение 9.7.2020, 23:59; Ответить: Hellnar
Сообщение #7


Цитата(Gera @ 8.7.2020, 3:04) *
А как можно убрать отступы тут http://joxi.ru/a2XxpDYhwe3Gg2 , чтобы кнопки были поближе друг к другу.


Ну если совсем топорно инлайн стилями то можно вот так:
Код
<button type="button" id="button3854701" class="btn f-btn  button-sm btn-success" style="margin-right: -38px; color: #ffffff; background-color: #2a41b0; ">
    Подробнее</button>


margin-right: -38px;

Хотя по хорошему стоило бы структуру каждой карточки изменить, а разным кнопкам присвоить разные классы, чтобы не было гемора с инлайн стилями. Использовать инлайны в целом - не очень хорошая практика.

Сообщение отредактировал Hellnar - 10.7.2020, 0:00


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gera
Gera
Topic Starter сообщение 21.7.2020, 19:32; Ответить: Gera
Сообщение #8


Hellnar, спасибо, попробую добавить этот стиль к кнопке, которая левее, чтобы расстояние справа убрать)


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
PostBrigada
PostBrigada
сообщение 22.7.2020, 12:15; Ответить: PostBrigada
Сообщение #9


<div class-knopki>"
<button type="button" class="btn1">Подробнее</button>
<button type="button" class="btn2">Подробнее</button>
Подробнее</button>
</div>

<style>
.knopki {text-align:left; padding:15px 0;}
.btn1{background:свой цвет; }
.btn2{background:свой цвет;margin-right:15px; } здесь отступ от кнопок
</style>

Сообщение отредактировал PostBrigada - 22.7.2020, 12:17


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alnsam
alnsam
сообщение 22.7.2020, 12:37; Ответить: alnsam
Сообщение #10


Коллективная верстка, хм, оригинально. :)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно сделать репост статей в соц сети
1 HavingingWorld 2501 27.2.2024, 2:15
автор: AndrePro
Открытая тема (нет новых ответов) Сделать дорвей
0 tok24ua 935 28.8.2023, 20:59
автор: tok24ua
Открытая тема (нет новых ответов) Сделать правки на html-странице
5 TABAK 2312 20.5.2023, 10:45
автор: EvilGomel
Открытая тема (нет новых ответов) Сколько стоит сделать шаблон для WP?
изучаю цены
3 Palundra 2410 2.4.2022, 3:06
автор: WebSuccessful
Открытая тема (нет новых ответов) Как сделать поддомены, чтобы не склеило?
0 Yuliya1982 935 29.11.2021, 5:26
автор: Yuliya1982


 



RSS Текстовая версия Сейчас: 25.4.2024, 23:54
Дизайн