Комментарии пользователя Денис Юламанов

Как изменить цвет объекта при наведении мыши?

Денис Юламанов @DvDenis Автор вопроса

Интересный вариант! Благодарю!)

Как исправить проблему с тегом form?

Денис Юламанов @DvDenis Автор вопроса

Froggyweb, Вот у меня еще одна проблема возникла, в блоках header, left_header и main_content содержимое внутри уходит за её границы, кажется это исправляет с flex-wrap: wrap;? Если да, то куда её нужно поставить?

Написано более трёх лет назад

Как исправить проблему с тегом form?

Денис Юламанов @DvDenis Автор вопроса

Froggyweb, Вот тут я переделал часть кода, с CSS:

<!DOCTYPE html>
<html>
<head>
	<title>RAPTORIA SHOP</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="main_wrapper">
		<div class="header">
			<div class="header_logo">
				<img src="img_design/logo.png">
			</div>
			<div class="header_right_menu">
				<div class="nav_menu">
					<a href="" class="btn">Магазин</a>
					<a href="" class="btn">Информация</a>
					<a href="" class="btn">Контакты</a>
					<a href=""><img src="img_design/basket.png"></a>
				</div>
			</div>
		</div>
		<div class="content_wrapper">
			<div class="left_header"></div>
			<div class="main_content"></div>
		</div>
		<div class="footer">
			<div class="footer_vk">
				<a href=""><img src="img_design/vk.png"></a>
			</div>
		</div>
	</div>
</body>
</html>

Стили:

* {
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.main_wrapper {
	width: 100%;
}

.header {
	display: flex;
	flex: 100%;
	min-height: 150px;
}

.header_logo {
	padding: 15px;
	padding-left: 25px;
}

.header_logo img {
	width: 150px;
}

.header_right_menu {
	flex-grow: 1;
	text-align: right;
}

.nav_menu {
	margin: 70px;
	margin-right: 125px;: 
}

.nav_menu a {
	font-family: nav_font;
	margin-left: 25px;
	color: #828282;
}

.nav_menu a:hover {
		border-bottom: 2px solid #828282;
	}

.nav_menu img {
	width: 20px;
}

.nav_menu .nav_menu_btn {
	width: 30px;
	display: none;
}

.content_wrapper {
	width: 100%;
	min-height: 100vh;
	display: flex;
}

.left_header {
	flex: 0 0 200px;
	flex-direction: row;
	min-height: 100vh;
}

.main_content {
	flex: 0 0 calc(100% - 200px);
	min-height: 100vh;
}

.footer {
	width: 100%;
	min-height: calc(100vh - 200px);
	text-align: center;
}

.footer_vk {
	margin-top: 100px;
}

.footer_vk img{
	width: 50px;
}
@media screen and (max-width: 800px) {
	.header {
		min-height: 150px;
		flex-wrap: wrap;
	}

	.header_logo {
		text-align: center;
		width: 100%;
	}

	.header_right_menu {
		text-align: center;
	}

	.nav_menu {
		margin: 25px;
	}

	.nav_menu .nav_menu_btn {
		width: 30px;
	}

	.nav_menu a {
		font-family: nav_font;
		margin-right: 10px;
	}

	.nav_menu a:hover {
		border-bottom: 2px solid #5dd14b;
	}

	.nav_menu a:last-child {
		margin-right: 0px;
	}


	.content_wrapper {
		display: block;
	}

	.left_header {
		min-height: 150px;
	}
}

Вот так будет правильнее?

Вот эту чать

.content_wrapper {
		display: block;
	}

не получается сделать через flex-wrap: wrap;

Написано более трёх лет назад

В каких случаях использовать display: flex и display: inline-block?

Денис Юламанов @DvDenis Автор вопроса

Рустам Байназаров, Хорошая статья, вот то, что я искал! Спасибо)

Написано более трёх лет назад

В каких случаях использовать display: flex и display: inline-block?

Денис Юламанов @DvDenis Автор вопроса

Рустам Байназаров, Вот такую же статью только на русском бы!

Написано более трёх лет назад

Как исправить проблему с тегом form?

Денис Юламанов @DvDenis Автор вопроса

Простите, а для какого случая тогда inline_block? Просто она кажется ставит в одну строку. Что за ux?

input type="button" - это скорее всего ссылки должны быть. возможно js их будет переопределять, но при потере функционала я должен иметь возможность перейти в раздел мужской одежды к примеру.

т.е вы имеете ввиду что данный способ не сработает когда я перейду в раздел с мужской одеждой?

Почему это произошло?

Написано более трёх лет назад

Как исправить проблему с тегом form?

Денис Юламанов @DvDenis Автор вопроса

Получается так, что вторая форм как то привязывается к первой, даже если они находятся в разных блоках. При удалении первой формы вторая встает куда надо.

Написано более трёх лет назад

Чем является автоматический звонок(начало урока и конец) в образовательных учреждениях?

Денис Юламанов @DvDenis Автор вопроса

Целый параграф в курсовой стоит только из за того что не могу определиться с верным термином... Я конечно могу загнуть ход с данного термина к своей теме, но боюсь что лишние вопросы будут(нежелательно).

Я прошу прощения за дерзость, но не могли бы вы еще разок побеспокоить своего друга?)

Я нашел еще одно определение, САУ(Система автоматического управления) единственное что я понял из определения на данное слово это то, что участие человека в системе САУ не обязательно(может не нужна)... Разжевать бы(((

Написано более трёх лет назад