Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 01.05.2020, 18:11   #1
Мaкс
Форумчанин
 
Регистрация: 12.06.2018
Сообщений: 831
Вопрос CSS: Позирование элементов через display: inline-block.

Всем привет. Прошу помочь мне.
Как переместить блоки так, что бы они отображались не по порядку "Зелёный, оранжевый, красный", а "красный, зелёный, оранжевый"? Я же указал для каждого стиля координату - "left: x%;". Я в заблуждении.
Мaкс вне форума Ответить с цитированием
Старый 01.05.2020, 18:34   #2
Мaкс
Форумчанин
 
Регистрация: 12.06.2018
Сообщений: 831
По умолчанию

Блин, мало того, что я код скинуть забыл, так и решение уже нашёл. Извините.
Был такой код:
Код:
<!doctype html>
<html>
<head>
	<style>
		block21 {
			display: inline-block;
			left: 30%;
			width: 30%;
			height: 100px;
			background-color: greenyellow;
		}
		block22 {
			display: inline-block;
			left: 60%;
			width: 30%;
			height: 100px;
			background-color: orange;
		}
		block23 {
			display: inline-block;
			left: 0%;
			width: 30%;
			height: 100px;
			background-color: red;
		}
	</style>
</head>

<body>
	<block21></block21><block22></block22><block23></block23>
</body>
</html>
Добавил я просто position: absolute и всё.
Мaкс вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[РЕШЕНО] Как равномерно и по ширине распределить блоки со свойством display:inline-block внутри внешнего блока? Санеккк HTML и CSS 2 18.11.2018 00:37
[РЕШЕНО] Нужна помощь с display:inline и inline-block; Bugerman21 HTML и CSS 2 26.06.2017 08:10
Как обойти display:block !important ? Capoeirista HTML и CSS 3 13.03.2016 00:57
Проблема с display: inline-block KaMaKaDzA HTML и CSS 1 11.03.2016 23:19
Display block не block mrgrudge HTML и CSS 2 25.12.2010 11:10