Границы между элементами - HTML и CSS

ComaBlack · 03.12.2014, 23:41

Помогите мне. Нужно убрать границу между двумя элементами. На картинке красным помечено какой отступ нужно убрать. Вот код:
<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
body{

margin: 0;
background-image: url(bg.jpg);
}

#m, li {
margin: 0;
padding: 0;

}
#m {
text-align: center;
background: #363636;
height: 40px;

}
#m li {
display: inline-block;

}
#m a {
display: block;
padding: 3px 15px;
color: #fff;
text-decoration: none;
height: 34px;
width: 180px;
}
#m a:hover {
background: #1C1C1C;
}
#content{

width: 850px;
background-color: #fff;
border-radius: 10px;

}
*{
margin:0;
padding:0;
}

</style>

</head>
<body>

<img src="head.jpg" alt="head" width="100%">

<ul id="m">
<li><a href="#1">Пункт 1</a>
<li><a href="#2">Пункт 2</a>
<li><a href="#3">Пункт 3</a>
<li><a href="#4">Пункт 4</a>
</ul>

</div>
<center>
<div id="content">

<h2>content</h2>
<img src="1.jpg" alt="1">
</div></center>
</body>
</html>

vovk · 05.12.2014, 23:49

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

Naive · 06.12.2014, 00:40

трабл из-за пробелов между элементами списка, тут 2 выхода:
1. закостылить на CSS
2. убрать пробелы
изящного решения нет, я предпочитаю второй вариант.
Если необходима читабельность, то можно заюзать комментарии:

Код:

   <li>bla-bla</li><!--
--><li>bla-bla</li><!--
--><li>bla-bla</li><!--
--><li>bla-bla</li>

ComaBlack · 06.12.2014, 04:05

Цитата:

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

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

Что значит " сами себе скопируйте что разместили.. "?? Вы думаете я это прям тут сочиняла? Проблема была: был нежелательный отступ. Вы понимаете что говорите? А то в ваших словах нет логики.

ComaBlack · 06.12.2014, 04:07

Цитата:

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

трабл из-за пробелов между элементами списка, тут 2 выхода:
1. закостылить на CSS
2. убрать пробелы
изящного решения нет, я предпочитаю второй вариант.
Если необходима читабельность, то можно заюзать комментарии:

Код:

   <li>bla-bla</li><!--
--><li>bla-bla</li><!--
--><li>bla-bla</li><!--
--><li>bla-bla</li>

Решение было гораздо проще...margin-bottom: -4px;
...

ComaBlack · 06.12.2014, 04:10

Цитата:

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

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

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

vovk · 06.12.2014, 08:42

Цитата:

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

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

Что с вами, аж 2 раза мне ответили, и всё гневное...
На счёт кода оформленного это вообще то в ваших интересах, он становится читаемым, ну и так здесь принято....

Я скопировал то что вы разместили,
сохранил как html,
открыл в браузере, вижу горизонтальное меню.

Вы поленились описать нормально проблему, просто кинули картинку ,
проблемы как на картинке НЕ ВИЖУ..

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

ComaBlack · 06.12.2014, 14:35

Цитата:

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

Что с вами, аж 2 раза мне ответили, и всё гневное...
На счёт кода оформленного это вообще то в ваших интересах, он становится читаемым, ну и так здесь принято....

Я скопировал то что вы разместили,
сохранил как html,
открыл в браузере, вижу горизонтальное меню.

Вы поленились описать нормально проблему, просто кинули картинку ,
проблемы как на картинке НЕ ВИЖУ..

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

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

Naive · 06.12.2014, 22:00

Цитата:

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

Решение было гораздо проще...margin-bottom: -4px;
...

Ну значит я не про ту проблему подумал.
А вот хамить совсем не обязательно. Правила оформления постов одинаковы для всех.

ComaBlack · 06.12.2014, 23:09

Цитата:

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

Ну значит я не про ту проблему подумал.
А вот хамить совсем не обязательно. Правила оформления постов одинаковы для всех.

"А вот хамить совсем не обязательно. "
Вам я точно не хамила.

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

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Расстояние между элементами	Azat256	WPF, UWP, WinRT, XAML	0	28.07.2013 18:27
Организация взаимодействия между пользовательскими элементами	Geradot	ASP.NET	1	14.06.2012 14:06
Отступы между элементами в ListView в режиме VsSmallIcons	SystemX	Компоненты Delphi	0	25.04.2012 22:59
Найти минимальный путь между элементами матрицы	Sanek-MU	Помощь студентам	8	25.04.2011 20:01
Уменьшение расстояния между элементами в CSS	CoDaJJe	HTML и CSS	0	28.08.2009 00:12

05.12.2014, 23:49	#2
vovk != Участник клуба Регистрация: 08.09.2008 Сообщений: 1,751	Тут нет проблемы о которой вы говорите, сами себе скопируйте что разместили.. И вообще то код принято тегами оформлять.

06.12.2014, 00:40	#3
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	трабл из-за пробелов между элементами списка, тут 2 выхода: 1. закостылить на CSS 2. убрать пробелы изящного решения нет, я предпочитаю второй вариант. Если необходима читабельность, то можно заюзать комментарии: Код: `<li>bla-bla</li><!-- --><li>bla-bla</li><!-- --><li>bla-bla</li><!-- --><li>bla-bla</li>` Alar, верни репу!