Как сделать меню горизонтальным?

@Soil Shift · Регистрация: 26.03.2021

Студворк — интернет-сервис помощи студентам

Подскажите пожалуйста, что не так? Пробовал код CSS с верхним меню открывать в браузере в новом файле и меню было горизонтальным, однако в основном файле он вертикальный. сделал вывод, что с самим кодом все нормально, а значит проблема в чем-то другом. Короче, не могу понять. Ткните дурачку пальцем на ошибку, пожалуйста. на странные мерджины вимания не обращайте, это я экспериментирую.

@UchihaSV · 29.03.2021, 01:02

У вас там код css под вертикальное меню же, надо изменить для горизонтального:

HTML5
1
2
3
li {
  display: inline;
...

@Soil Shift · 29.03.2021, 01:28 **[ТС]**

попробовал - не получилось...

Добавлено через 10 минут

Сообщение от UchihaSV

У вас там код css под вертикальное меню же, надо изменить для горизонтального:
HTML5Выделить код
1
2
3
li {
display: inline;
...

может что-то другое ему мешает? потому что, как я и сказал, я этот код (код css и код с одним списком) проверял в другом файле - меню было горизонтальным

@websyst_ru · 29.03.2021, 12:48

Сообщение от Soil Shift

проверял в другом файле - меню было горизонтальным

Попробуйте почистить кэш/куки браузера CTRL+R\CTRL+F5

@Soil Shift · 29.03.2021, 15:17 **[ТС]**

Сообщение от websyst_ru

Попробуйте почистить кэш/куки браузера CTRL+R\CTRL+F5

тоже ничего. думаете, что с кодом все нормально?

@Kerry_Jr · 29.03.2021, 16:08

Soil Shift, код в текстовом формате выкладывайте, не забудьте оформить соответствующими тегами для языков прогаммирования.

Добавлено через 2 минуты

Сообщение от Soil Shift

Ткните дурачку пальцем на ошибку

В каком из двух файлов стилей вы изменяли поведение для меню?

@Soil Shift · 29.03.2021, 19:27 **[ТС]**

Сообщение от Kerry_Jr

В каком из двух файлов стилей вы изменяли поведение для меню?

headermenu и karkas (в karkas разделено комментариями)

Добавлено через 20 секунд

Сообщение от Kerry_Jr

код в текстовом формате выкладывайте, не забудьте оформить соответствующими тегами для языков прогаммирования.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
body {
    display:center;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: black;
    transition: .5s;
}
 
ul {
    display:flex;
    justify-content: center;
    align-items: center;
    
}
 
li {
    display:inline;
    padding: 0 20px;
    color: #fff;
    font-size: 25px;
    font-family: sans-serif;
    text-transform: uppercase;
    
}
  
li a {
    list-style: none;
    color: #fff;
    transition: .5s;
    padding: 10px;
}
 
ul:hover li a {
    filter: blur(3px);
}
 
ul:hover li a:hover {
    font-size: 30px;
    filter: blur(0px);
    background-color: blueviolet;
}

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .