Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail


Ответ
 
Опции темы
Старый 01.07.2018, 08:12   #1
all33
Новичок
Джуниор
 
Регистрация: 01.07.2018
Сообщений: 1
По умолчанию Как расположить элементы списка в строчку, убрать подчёркивание у ссылок и сделать их красными?

Здравствуйте, помогите пожалуйста
Есть код
Код:
<ul>
<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>
</ul>
Выводит на странице в таком виде


Как можно тут же задать стили в html, что бы можно было убрать подчеркивание и задать цвет красный и выстроить названия в линию
all33 вне форума Ответить с цитированием
Старый 13.07.2018, 23:06   #2
Dreykvl
Новичок
Джуниор
 
Регистрация: 13.07.2018
Сообщений: 2
По умолчанию

Для начала: убрать подчеркивания силами HTML не представляется возможным.
Чтобы сделать текст красным - используй атрибут
Код HTML:
style="color: red"
для тега (<a>)
Для того чтобы выстроить это в линию - используй таблицу без рамки

Последний раз редактировалось Dreykvl; 13.07.2018 в 23:08.
Dreykvl вне форума Ответить с цитированием
Старый 13.07.2018, 23:15   #3
Stanislav
Квадрокоптерист
Участник клуба Подтвердите свой е-майл
 
Регистрация: 29.09.2007
Сообщений: 1,825
По умолчанию

https://www.w3schools.com/css/css_navbar.asp
Я часть той силы, что вечно хочет зла, но вечно совершает благо..
Stanislav вне форума Ответить с цитированием
Старый 14.07.2018, 00:00   #4
Вадим Мошев

 
Регистрация: 12.11.2010
Сообщений: 8,591
По умолчанию

Цитата:
Сообщение от Dreykvl Посмотреть сообщение
Для начала: убрать подчеркивания силами HTML не представляется возможным.
Это возможно сделать с помощью CSS. Используется свойство text-decoration со значением none


Цитата:
Сообщение от Dreykvl Посмотреть сообщение
Чтобы сделать текст красным - используй атрибут
А это можно вынести из HTML в CSS.


Цитата:
Сообщение от Dreykvl Посмотреть сообщение
Для того чтобы выстроить это в линию - используй таблицу без рамки
Не нужна здесь таблица. Для этого элементам списка приписывается свойство display со значением inline-block.

Таким образом, для исходной вёрстки (если не задавать классы элементам) получится такой CSS:

Код:
ul li {
	display: inline-block;
	margin-left: 15px /*чтобы между ссылками было расстояние*/
}

ul li:first-child {
	margin-left: 0; /*у 1-го элемента отступа не будет*/
}

ul li a {
	text-decoration: none;
	color: red;
}
Вадим Мошев вне форума Ответить с цитированием
Ответ

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать элемент <div> в строчку? Твой друг HTML и CSS 1 05.07.2018 19:09
Как сделать блокирование на определенном сайте из списка запрещенных IP и из определенного списка рефералов ? DeDoK PHP 7 05.12.2011 03:46
delphi как убрать из списка файлов '.' и '..'? MetR Помощь студентам 6 05.04.2011 15:38
Элементы матрицы. Все ненулевые элементы массива D(k) расположить в начале массива E(k) и подсчитать их к Вася Маклауд Помощь студентам 0 03.04.2011 17:21
Как разделить строчку на элементы? celovec Общие вопросы Delphi 3 18.03.2011 15:40