Не получается сделать горизонтальное меню. Несколько раз начинал, но меню остается в вертикальном положении.
nikandr88.html-C\Users\Nikandr62\Desktop –Atom
style.css-C:\Nikandr62\Desktop-Atom
file:///C:/Users/Nikandr62/Desktop/nikandr88.html
Я хочу понять, где допустил ошибку. Несколько дней назад Вы дали рекомендации по горизонтальному меню, которое к сожалению у меня не получается.
Прошу Вас, укажите на ошибку.
один из способов создать меню горизонтально.
<ul>
<li><a href="#">about</a></li>
<li><a href="#">links</a></li>
<li><a href="#">something</a></li>
</ul>
ul {
display: flex;
justify-content: space-between;
}этого достаточно для того чтобы меню стало горизонтальным
это простой и действенный способ. но я вам рекомендую понять как все таки делается в уроке, просто будьте повнимательнее.
Благодарю!
Не получается сделать горизонтальное меню. Несколько раз начинал, но меню остается в вертикальном положении.
nikandr88.html-C\Users\Nikandr62\Desktop –Atom
style.css-C:\Nikandr62\Desktop-Atom
file:///C:/Users/Nikandr62/Desktop/nikandr88.html
Я хочу понять, где допустил ошибку. Несколько дней назад Вы дали рекомендации по горизонтальному меню, которое, к сожалению, у меня не получается.
Прошу Вас, укажите на ошибку.
Владимир, я бы с радостью, но файлы с вашего компьютера я просмотреть не могу, вы можете залить скрины на какойнибуть файлообменник, либо скопируйте ваш код в песочницу например codepen.io
По вашей рекомендации я попытался скопировать код в песочницу с помощью codepen.io. Хотелось бы чтобы получилось.
https://codepen.io/vladimir-nikolenko/pen/yLeKdPg
Не получается сделать горизонтальное меню. Несколько раз начинал, но меню остается в вертикальном положении.
nikandr88.html-C\Users\Nikandr62\Desktop –Atom
style.css-C:\Nikandr62\Desktop-Atom
file:///C:/Users/Nikandr62/Desktop/nikandr88.html
Я хочу понять, где допустил ошибку. Несколько дней назад Вы дали рекомендации по горизонтальному меню, которое, к сожалению, у меня не получается.
По вашей рекомендации я скопировать код в песочницу с помощью codepen.io.
https://codepen.io/vladimir-nikolenko/pen/yLeKdPg
Прошу Вас, укажите на ошибку.
<div id="block1">
<div class="main-menu two">
<menu>
<li><a href=”#”>Главная</a></li>
<li><a href=”#”>Работы </a></li>
<li><a href=”#”>О нас</a></li>
<li><a href=”#”>Блог</a></li>
<li><a href=”#”>Контакты</a></li>
</menu>
</div>
<h1>Самый главный заголовок</h1>
<h2 align="center" class="red">Заголовок поменьше</h2>
<!-- <h6>Самый маленький заголовок</h6> -->
<img class="img-center" src="машука.png" alt="Редактор скриптов Atom" width="100">
<p align="justify" class="red">
Сайт рыбатекст поможет
<b><i><u>дизайнеру</u></i></b>,
<i>верстальщику</i>, <u>вебмастеру</u> сгенерировать несколько
абзацев более менее осмысленного текста рыбы на русском языке,
а начинающему <a href="#">оратору</a> отточить навык публичных выступлений
в домашних условиях. </p>
<img src="машука1.png" alt="NotePad++" height="150">
<img src="машука2.png" alt="Visual Studio" height="150">
<ol type="a" start="3">
<li>Элемент 1</li>
<br>
<li value="15"> Элемент 2</li>
<li>Элемент 3</li>
</ol>
<ol type=”I”>
<li>Носки
<ul> <li> красные</li>
<li> синие</li>
<li> зеленые</li> </ul>
</li>
<li> джинсы</li>
<li> рубашки</li>
</ol>
</div>ошибка была в написании класса <div class="main-menu two">
body {
background-color: #76e8e8;
color: white;
}
h1 {
font-size: 35px;
color: blue;
font-family: Arial; /* шрифт */
text-align: center;
}
.red {
color: #cf8383;
}
#block1 {
width: 80%;
margin: 0 auto;
background-image:
url(tekstury-tekstura-fon-seryy.jpg);
padding: 15px;
border: 5px solid rgb(0, 136, 256);
border-radius: 30px;
}
b u {
color: blue;
}
menu {
list-style: none;
margin: 0 auto;
}
a {
text-decoration: none;
font-family: Georgia;
transition: .5s linear;
}
.main-menu {
display: block;
width: 500px;
margin: 0 auto 30px;
}
.two menu {
background: #d6442b;
overflow: hidden;
padding: 0;
}
.two li {
float: left;
}
.two a {
display: block;
padding: 1em;
border-right: 1px solid #00a6ff;
background: rgba(204, 255, 0, .3);
color: #7bff00;
}
.two a:hover {
background: #00a6ff
}
img:hover {
transform: scale(1.2);
}
.img-center {
display: block;
margin-left: auto;
margin-right: auto;
}Благодарю Вас! От маленьких мелочей зависит много... Вы большой мастер!
