Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/7: Рейтинг темы: голосов - 7, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 08.06.2015
Сообщений: 22

Выстроить в строку пункты ненумерованного списка

29.06.2016, 14:05. Показов 1546. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите пожалуйста сделать заголовки в строчку

 Комментарий модератора 
Запрещено размещать задания и решения в виде картинок и других файлов с их текстом.
Миниатюры
Выстроить в строку пункты ненумерованного списка   Выстроить в строку пункты ненумерованного списка  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
29.06.2016, 14:05
Ответы с готовыми решениями:

Выстроить элементы списка в одну строку
Здравствуйте, помогите сделать такой вот список в одну строку, нужно только, чтобы email и телефон были в одну строку, а остальное осталось...

Вытаскивание из ненумерованного списка
есть див с классом gallery в нём список ul li. как сделать из этого списка картинки, меняющиеся по нажадию button'а? вот код: ...

Редактор ненумерованного списка
Редактор ненумерованного списка c возможностями: удалить элементы списка, помеченные флажками (checkbox), добавить элемент списка в начало...

6
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
29.06.2016, 14:08
Добавьте стили:
CSS
1
2
3
.nav li{
   display:inline-block;
}
1
0 / 0 / 0
Регистрация: 08.06.2015
Сообщений: 22
29.06.2016, 14:12  [ТС]
не, не катит( Может нужно прописать точный путь?

 Комментарий модератора 
Запрещено размещать задания и решения в виде картинок и других файлов с их текстом.
Миниатюры
Выстроить в строку пункты ненумерованного списка   Выстроить в строку пункты ненумерованного списка  
0
 Аватар для diplodox
23 / 22 / 11
Регистрация: 07.10.2013
Сообщений: 90
29.06.2016, 14:16
CSS
1
2
3
4
.nav li{
display: block;
float: left;
}
Добавлено через 2 минуты
Какие стили у вас прописаны для .nav ?
1
0 / 0 / 0
Регистрация: 08.06.2015
Сообщений: 22
29.06.2016, 14:40  [ТС]
больше никаких
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
29.06.2016, 15:06
Может там у нава или ула фиксированная ширина стоит, что не позволяет элементам располагаться в одно строке. А можно как-то "пощупать" код? А то наугад сложно.
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
30.06.2016, 00:54
Каспер1, https://jsfiddle.net/boilzzz/uckcuxcp/2/
HTML5
1
2
3
4
5
6
7
<nav>
  <ul class="nav">
  <li>home</li>
  <li>help</li>
  <li>sign</li>
  </ul>
</nav>
CSS
1
2
3
4
5
6
7
.nav{
  list-style:none;
 float:right
}
.nav li{
  display:inline-block
}
А если не получиться сравнивайте свой пример с моим. т.к в моем все работает.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
30.06.2016, 00:54
Помогаю со студенческими работами здесь

Создание ненумерованного списка в COOKIE
Не подскажете как мне в cookie сохранить ненумерованный массив??? что-то вроде: $id = 1; $id = 2; $id = 3; ну и тд... это вобще...

Выравнивание элементов ненумерованного списка относительно маркера
Подскажите пожалуйста вот в каком вопросе: Имеется ненумерованный список который располагается внутри блока шириной 400px. Как только...

Убрать маркеры и добавить отступы внутри ненумерованного списка
Сам по себе &lt;ul&gt;... отодвигается на некоторое расстояние. Нужны отступы относительно отступов. Делал бы так: &lt;ul&gt; &lt;ul&gt;...

Выстроить блоки в строку
Ребята подскажите пожалуйста как расположить дивы горизонтально? Они у меня почему то идут вертикально\ &lt;!DOCTYPE html&gt; ...

Выстроить блоки в одну строку
Вот код. Нужно куда показывает стрелка. &lt;html&gt; &lt;head&gt; &lt;title&gt;Урок 4&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;body style=&quot;width:1000px;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru