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

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

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

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

Здравствуйте, помогите пожалуйста
Есть код
Код:

<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
Новичок
 
Аватар для Dreykvl
 
Регистрация: 13.07.2018
Сообщений: 2
Репутация: 10
По умолчанию

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

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

https://www.w3schools.com/css/css_navbar.asp
__________________
Я часть той силы, что вечно хочет зла, но вечно совершает благо..
Stanislav вне форума   Ответить с цитированием
Старый 14.07.2018, 00:00   #4
Вадим Мошев
гигаМодератор :)
Заслуженный модератор
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес:
Сообщений: 7,802
Репутация: 3781
По умолчанию

Цитата:
Сообщение от 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;
}

Вадим Мошев вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать элемент <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


22:11.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru