Как отобразить элементы в конце?

Question

Как отобразить элементы в конце?

Хамзат Шадиев Ученик (87), закрыт 3 недели назад

нужно чтобы RU UZ AR KY TG были в конце блока
да я на мудрил в коде голова вообще не грузит

 <!DOCTYPE html> 
<html lang="ru"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Выпадающее меню на CSS</title> 
    <link rel="stylesheet" href="css/main.css"> 
</head> 
<body> 
    <ul class="menu"> 
      <img src="img/logo_2.png" class="logo"> 
        <li><a href="#" class="">ЦЕНЫ</a></li> 
        <li><a href="#">О ШКОЛЕ</a></li> 
        <li><a href="#">КОНТАКТЫ</a></li> 
        <li><a href="#">ОБУЧЕНИЕ</a></li> 
      <div class="lang"> 
        <li><a href="#" class="lang_text">RU</a></li> 
        <li><a href="#" class="lang_text">UZ</a></li> 
        <li><a href="#" class="lang_text">AR</a></li> 
        <li><a href="#" class="lang_text">KY</a></li> 
        <li><a href="#" class="lang_text">TG</a></li> 
      </div> 
    </ul> 
</body> 
</html>

Answer 1

Андрей Высший разум (477959) 1 месяц назад

 <header>
  <img class="logo" ... /> <!-- отдельно логотип -->
  <ul class="menu"> ... </ul> <!-- отдельно ЦЕНЫ ... ОБУЧЕНИЕ -->
  <ul class="lang"> ... </ul> <!-- отдельно RU ... TG -->
</header>

У тебя шапка (для которой специально предназначен тег <header>) состоит из ТРЁХ отдельных блоков: логотип, левое меню, правое меню (выбор языка).

Так и оформи это в виде трёх блоков, а не мешанины внутри <ul>. И позиционируй эти блоки внутри header - хоть через float, хоть через flex.

Хамзат ШадиевУченик (87) 1 месяц назад

если в ul не положу то оно будет не в шапке это можно как-то исправить?

⚠Оракул (50000) 1 месяц назад

 можешь написать
код
именно как на видео
показано❓

https://my.mail.ru/video/embed/5453006133880946896

⚠Оракул (50000) 1 месяц назад

 вот и скриншоты

Хамзат Шадиев Ученик (87) ⚠, даже не знаю, на 5 месяцев уехал пк вообще не пользовался забыл почти все ничего вспомнить не могу

Хамзат ШадиевУченик (87) 1 месяц назад

+

Хамзат ШадиевУченик (87) 1 месяц назад

когда из ul убираю

вот это получается как исправить?

Хамзат ШадиевУченик (87) 1 месяц назад

подскажи пожалуйста

Андрей Высший разум (477959) Хамзат Шадиев, Просто демонстрация идеи:

 <header>
  <img class="logo" src="" />
  <ul class="menu">
    <li><a href="#">Пункт 1</a></li>
    <li><a href="#">Пункт 2</a></li>
    <li><a href="#">Пункт 3</a></li>
  </ul>
  <ul class="lang">
    <li><a href="#">EN</a></li>
    <li><a href="#">RU</a></li>
  </ul>
</header>

 header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header ul {
  display: flex;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

header li { display: block; }

header li + li { margin-left: 10px; }

.logo {
  display: block;
  flex: 0 0;
  width: 30px;
  height: 30px;
  background: #ff0000;
  margin-right: 10px;
}

.menu { flex: 1 0; }

.lang { flex: 0 0; }

Хамзат ШадиевУченик (87) 1 месяц назад

не знаю что с этим поделать я все забыл

⚠ Оракул (50000)

 <header> 
<img class="logo" src="1.jpg" /> 
<ul class="menu"> 
<li><a href="" class="header_text" >ЦЕНЫ</a></li> 
<li><a href="" class="header_text">О ШКОЛЕ</a></li>  
<li><a href="" class="header_text">КОНТАКТЫ</a></li> 
<li><a href="" class="header_text">ОБУЧЕНИЕ</a></li>  
</ul> 
<ul class="lang"> 
<li><a href="" class="lang_text">RU</a></li>  
<li><a href="" class="lang_text">UZ</a></li>  
<li><a href="" class="lang_text">AR</a></li>  
<li><a href="" class="lang_text">KY</a></li>  
<li><a href="" class="lang_text">TG</a></li>  
</ul> 
</header>

Хамзат ШадиевУченик (87) 1 месяц назад

спасибо большое

Answer 2

Павел Михаловский Просветленный (38630) 1 месяц назад

float right тебе в помощь

Хамзат ШадиевУченик (87) 1 месяц назад

где и как его написать? бошка вообще не варит

⚠ Оракул (50000)

 даже видео записал

https://my.mail.ru/video/embed/5453006133880946896

Павел МихаловскийПросветленный (38630) 1 месяц назад

В .lang
Я сам точно не скажу, не фронтендер. Но при помощи этого можно

Хамзат ШадиевУченик (87) 1 месяц назад

пытался не работает(

Резидент Казахстана Оракул (69282) Хамзат Шадиев, получилось?

Хамзат ШадиевУченик (87) 1 месяц назад

неа(

Резидент Казахстана Оракул (69282) Хамзат Шадиев, https://codepen.io/topicstarter/pen/xbKogym - так ?

Резидент КазахстанаОракул (69282) 1 месяц назад

У меня работает ссылка

⚠ Оракул (50000)

 а
типа
при повороте
прячется кнопка
тю
ерунда

Answer 3

Резидент Казахстана Оракул (69282) 1 месяц назад

В принципе вот адаптивное решение: https://codepen.io/topicstarter/pen/xbKogym

⚠Оракул (50000) 1 месяц назад

 кодами в javascript
разбираешься❓
умеешь apk приложения
ковырять
редактировать
и
потом снова
компилировать