Ответить на тему  [ Сообщений: 5 ] 
Как поднять пункты? 
Автор Сообщение
Прохожий

Зарегистрирован: 13 май 2014, 16:19
Сообщений: 5
Пол: мужской
Репутация: -47
Добавить пункт репутацииВычесть пункт репутации
Сообщение Как поднять пункты?
Привет, никак не могу понять почему верхние пункты потекли вниз, в уроках где я смотрел у него они на верху, плиз проверьте, скажите где моя ошибка? :this:
Вот htm не пойму что не так
<body>
<div id="page">
<div id="navigation">
<ul>
<li> <a href="#">Пункт 1</a></li>
<li> <a href="#">Пункт 2</a></li>
<li> <a href="#">Пункт 3</a></li>
<li> <a href="#">Пункт 4</a></li>
<li> <a href="#">Пункт 5</a></li>
</ul>
</div>
<p class="red">Я <span class="imya">цугаев ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.Я <span class="imya">цугаев ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.Я <span class="imya">Цугаев Ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.Я <span class="imya">Цугаев Ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.Я <span class="imya">Цугаев Ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.Я <span class="imya">Цугаев Ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.Я <span class="imya">Цугаев Ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.Я <span class="imya">Цугаев Ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.Я <span class="imya">Цугаев Ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.Я <span class="imya">Цугаев Ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.Я <span class="imya">Цугаев Ибрагим,</span> собираюсь менять этот текст в
CSS, так как я учусь его менять.</p>
</div>
<p>
<ul id="tabl">
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
<li>Пункт 4</li>
<li>Пункт 5</li>
</ul>
</p>
</body>

Вот Css файл. p.s. файл ресета css не стал копировать...
body{
background-color: #333333;
background-image: url(img/84.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: none;
background: #333333 url(img/84.jpg) repeat-x;
}
#page{
width: 960px;
margin: 0 auto;
}
.red{
margin-top: 250px;
font-weight: bold;
color: red;
text-align: justify;
text-decoration: none;
text-indent: 30px;
letter-spacing: 0px;
word-spacing: 1px;
line-height: 30px;
font-style: italic;
font-variant: none;
}
.imya{
text-decoration:underline;
text-transform: capitalize;
font-family: "Lobster", cursive;
}

#tabl li {
color: #aaa;
font-family: "Lobster", cursive;
list-style-type: square;
list-style-image: url();
list-style-position: outside;
padding: 5px;
border: 1px solid #eee;
list-style: circle url() outside;
margin-left: 30px;
}
#tabl li:hover {
background: #000;
}
#navigation ul li{
float: left;
}
#navigation ul li{
color: #fff;
padding: 0 10px;
font-family: "Lobster", cursive;
text-decoration: none;
}


27 май 2014, 10:49
Профиль Отправить личное сообщение
Профи

Зарегистрирован: 21 окт 2010, 15:36
Сообщений: 957
Откуда: Саратовская область, г.Энгельс
Пол: мужской
Репутация: 848
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Как поднять пункты?
Здравствуйте. "Потекли" они потому, что элементам списка задано свойство float, соответственно они выпадают из своего родителя, то есть из элемента ul. Добавьте следующий код в css файл:
Код:
#navigation ul {
    overflow: hidden;
}

_________________
Не всё валидно, что не видно.


27 май 2014, 11:14
Профиль Отправить личное сообщение
Прохожий

Зарегистрирован: 13 май 2014, 16:19
Сообщений: 5
Пол: мужской
Репутация: -47
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Как поднять пункты?
Да, все получилось))спасибо)


27 май 2014, 15:58
Профиль Отправить личное сообщение
Прохожий

Зарегистрирован: 13 май 2014, 16:19
Сообщений: 5
Пол: мужской
Репутация: -47
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Как поднять пункты?
А будет ли валидно если я с помощью кода position буду менять местонахождение пунктов?


27 май 2014, 19:26
Профиль Отправить личное сообщение
Профи

Зарегистрирован: 21 окт 2010, 15:36
Сообщений: 957
Откуда: Саратовская область, г.Энгельс
Пол: мужской
Репутация: 848
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Как поднять пункты?
go_back писал(а):
А будет ли валидно если я с помощью кода position буду менять местонахождение пунктов?

Да хоть с помощью margin меняйте, главное, чтобы соответствовало спецификации.

_________________
Не всё валидно, что не видно.


27 май 2014, 20:30
Профиль Отправить личное сообщение
Показать сообщения за:  Сортировать по:  
Ответить на тему   [ Сообщений: 5 ] 
   Похожие темы   Автор   Ответов   Просмотров   Последнее сообщение 
Нет новых непрочитанных сообщений в этой теме Результат выполнения скрипта уходит под пункты меню

в форуме JAVASCRIPT

Konstantin

1

1474

15 июл 2012, 19:06

Hoto Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Joomla 1.5 пропали пункты меню в админке

в форуме ФОРМИРОВАНИЕ СТРУКТУРЫ САЙТА И ВОПРОСЫ ПО ФУНКЦИОНИРОВАНИЮ СТАНДАРТНОЙ СБОРКИ JOOMLA

MADI

3

2585

25 фев 2013, 05:45

MADI Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Выпадающее меню, пункты переносятся по строкам

в форуме CSS И ВЕРСТКА

qwe88

0

802

09 май 2012, 18:55

qwe88 Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме При включении SEO не отображаются вложенные пункты меню.

в форуме ФОРМИРОВАНИЕ СТРУКТУРЫ САЙТА И ВОПРОСЫ ПО ФУНКЦИОНИРОВАНИЮ СТАНДАРТНОЙ СБОРКИ JOOMLA

Beatl

0

997

19 апр 2011, 22:16

Beatl Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Не отображаются пункты главного меню

в форуме ФОРМИРОВАНИЕ СТРУКТУРЫ САЙТА И ВОПРОСЫ ПО ФУНКЦИОНИРОВАНИЮ СТАНДАРТНОЙ СБОРКИ JOOMLA

Yulia

0

787

17 сен 2011, 00:20

Yulia Перейти к последнему сообщению


Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


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

Перейти: