Помогите убрать точки в меню - HTML и CSS

kola7007 · 07.11.2017, 23:40

Учу верстку, вот такая проблема точки рядом возле меню помогите убрать!
Код:
style.css

Код:


@inport url(reset.css);

body{
	font: 12px Arial, Verdana, Tahoma;
	color: #5d5d5d;
}

#top-line{
	background: #090909;
	height: 16px;
}
#wrapper{
	width: 960px;
	margin: 0 auto;
}
#logo{
	width: 180px;
	height: 100 px;
	float: left;
}

#menu{
	float: right;
}

#menu ul li{
	float: left;
	margin-left: 63px;
}

index.html

Код:


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<title>Creative studio</title>
		<link href="css/style.css" type="text/css" rel="stylesheet" />
	</head>
	<body>
	   <div id ="top-line"></div>
	   <div id="wrapper">
			<div id="header">
				<div id="logo">
					<a href="index.html"><img src="images/logo.png" alt="Логотип" /></a>
				</div>
				<div id="menu">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">About as</a></li>
						<li><a href="#">Portfolio</a></li>
						<li><a href="#">Serfices</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contact as</a></li>
					</ul>
				</div>
            </div>
		</div>	
	</body>
</html>

______________________
Используйте тег [CODE] (кнопка с решеткой # в форме сообщения) при вставке кода на форум.

TranceSmile · 08.11.2017, 00:06

http://htmlbook.ru/content/svoystva-spiskov

СтудПом · 09.11.2017, 00:45

Код:


li { list-style-type: none; }

kigelyuk · 03.12.2017, 08:29

Ковыряйся в коде, не выходя из браузера

Вадим Мошев · 03.12.2017, 16:14

Код:


@inport url(reset.css);

Опечатка?

olegK<< · 03.12.2017, 18:32

Эх некропостеры ))
Советую применять правила Мэйера для сброса стилей браузера .

Naive · 04.12.2017, 10:09

Цитата:

Сообщение от olegK<<

Советую применять правила Мэйера для сброса стилей браузера .

Не советую правила Мэйера для сброса стилей браузера.
1. Код должен быть реюзабелен. Если подключить код, написанный под резетом стилей, в код, где этого резета не было, с большой долей вероятности он будет работать некорректно. Код должен разрабатываться модульно, инкапсулированно и исходя из дефолтного состояния. Дефолтное состояние — это отсутствие любых иннородных стилей, в т.ч. сраного бутстрапа.
2. Стили применяются после построения dom и применяются построчно. Такое переопределение нагружает браузер и замедляет работу верстки. Это хорошо заметно на крупных одностраничных приложениях.
3. Некоторые правила там запускают лишнее наследование, что также сказывается на производительности.

Этот резет не истинное зло, вроде бутстрапа, но мы же стремимся к совершенству?

Вадим Мошев · 04.12.2017, 21:23

Цитата:

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

Код должен разрабатываться модульно, инкапсулированно и исходя из дефолтного состояния. Дефолтное состояние — это отсутствие любых иннородных стилей, в т.ч. сраного бутстрапа.

То есть, я верно понимаю, что сброс стилей браузера должен быть максимально "локален" и изолирован (ну, да, инкапсулирован) от остальных стилей, сведя тем самым к нулю влияние на нецелвые элементы?

Naive · 05.12.2017, 09:49

Цитата:

Сообщение от Вадим Мошев

То есть, я верно понимаю, что сброс стилей браузера должен быть максимально "локален" и изолирован (ну, да, инкапсулирован) от остальных стилей, сведя тем самым к нулю влияние на нецелвые элементы?

Да. Блок, скажем, новостей не должен влиять на блок, скажем, календаря или прогноза погоды. Ссылки внутри этих блоков должны являться отдельной сущностью, компонентом, таким образом они будут иметь одно оформление; но также эти ссылки будут являться и элементом соответствующего блока, и, в зависимости от принадлежности, видоизменяться. Стили, наложенные на них не должны влиять на ссылки, которые вставит админ сайта в тело новости через CMS.
п.с. Собственно, пользовательский контент, одно из немногих мест, где допустим каскад. И определенно единственное место, где допустим селектор по тегу хтмл.

Вадим Мошев · 05.12.2017, 21:53

Цитата:

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

таким образом они будут иметь одно оформление

Этот момент не ясен. Оформление настраивается индивидуально для каждой ссылки, принадлежащей тому или иному блоку, через классы. Например, ссылки в новостях и ссылки в футере могут иметь разное оформление.

Цитата:

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

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

А, всё, теперь понятно, что ты имел в виду. Ты говорил, не про каскад, я про разделение стилевого оформления. Ну, типа

Код:


.news-link {
color: red;
}

.footer-link {
color: blue;
}

Цитата:

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

Стили, наложенные на них не должны влиять на ссылки, которые вставит админ сайта в тело новости через CMS.
п.с. Собственно, пользовательский контент, одно из немногих мест, где допустим каскад. И определенно единственное место, где допустим селектор по тегу хтмл.

Ты имеешь в виду вот что. Под пользовательский блок верстается блок с каким-то классом, например, .user-content. А в CSS стиле мы пишем такие селекторы:

.user-content h1
...
.user-content h2
...
.user-content img
...
.user-content img

Ты про это?

08.11.2017, 00:06	#2
TranceSmile Смайлик :) Форумчанин Регистрация: 12.12.2010 Адрес: Украина, Полтавская обл. Сообщений: 444 Репутация: 78 icq: 433741134 skype: trance-smile	http://htmlbook.ru/content/svoystva-spiskov __________________ Самый перспективный framework Yii (c)

09.11.2017, 00:45	#3
СтудПом Форумчанин Регистрация: 08.11.2017 Сообщений: 355 Репутация: 114	Код: `li { list-style-type: none; }`

03.12.2017, 08:29	#4
kigelyuk Новичок Регистрация: 03.12.2017 Адрес: Феодосия Сообщений: 4 Репутация: 10	Помогите убрать точки в меню Ковыряйся в коде, не выходя из браузера

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Убрать все точки восстановления системы?	drmorgan	Win Api	10	10.08.2012 08:23
Убрать точки без потери данных	king13	Microsoft Office Excel	4	07.10.2009 13:54
Убрать запятые и точки	3акup	Microsoft Office Excel	7	18.02.2009 19:47
Убрать меню.	Манжосов Денис :)	Помощь студентам	2	07.09.2008 23:23

03.12.2017, 16:14	#5
Вадим Мошев гигаМодератор :) Заслуженный модератор Регистрация: 12.11.2010 Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Сообщений: 7,362 Репутация: 3637	Код: `@inport url(reset.css);` Опечатка?

03.12.2017, 18:32	#6
olegK<< Форумчанин Регистрация: 05.11.2017 Адрес: Кропивницкий Сообщений: 56 Репутация: 10 icq: 491861664 skype: wheeldraff	Эх некропостеры )) Советую применять правила Мэйера для сброса стилей браузера .

Опции темы
Версия для печати Отправить по электронной почте