Меню сайта UL, LI. Задолбался

Samenfaden · June 20, 2011

Всем привет. Уже неделю мучаюсь, не могу решить проблему. Сверстал основную структуру сайта, начал делать меню, постоянно вылазит какой-то глюк, в большей степени относится к IE, но сейчас и в мозилле такая же фигня (см. рис.) Код прикладываю архивом. Заранее спасибо.

Файл с таблицей стилей и главной страницей:

Таблица стилей + индекс файл

Помогите плиз, и объясните что не так..и в чем трабл?

Edited June 20, 2011 by Samenfaden

Vlad · June 20, 2011

Если хотите получить ответ, не надо выкладывать файлы на ifolder, мой совет вам.

psywalker · June 20, 2011

А на хост выложить не судьба? Или ты думаешь, что тут всем в кайф твой файл качать?

Samenfaden · June 20, 2011

Если хотите получить ответ, не надо выкладывать файлы на ifolder, мой совет вам.

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

psywalker · June 20, 2011

http://www.dropbox.com/

SelenIT · June 20, 2011

Еще прямо тут в шапке над темой хороший совет:

Или делайте работающий прототип примера в http://jsfiddle.net/ и давайте ссылку на него.

Samenfaden · June 20, 2011

Еще прямо тут в шапке над темой хороший совет:
Или делайте работающий прототип примера в http://jsfiddle.net/ и давайте ссылку на него.

не знаю, правильно не правильно ли сделал...получилось без графики:

http://jsfiddle.net/25N7G/

psywalker · June 20, 2011

Еще прямо тут в шапке над темой хороший совет:
Или делайте работающий прототип примера в http://jsfiddle.net/ и давайте ссылку на него.
не знаю, правильно не правильно ли сделал...получилось без графики:
http://jsfiddle.net/25N7G/

Вот это вот как называется?

<ul id="sidebar">
<li class="">
<a> </a>
<li class="">
<a> </a>
<li class="">
<a> </a>
<li class="">
<a>
<ul> </ul>
</a>
</ul>

sigma77 · June 20, 2011

http://jsfiddle.net/25N7G/

Это просто кошмар какой-то...

<ul/> - кто вас так учил теги закрывать?

Исправьте ошибки, закройте нормально теги, допишите открывающий <html>, проверьте на правильную вложенность тегов - и всё заработает

SelenIT · June 20, 2011

Вот это вот как называется?

Это результат разбора по html5-правилам кода с "закрывающими" тегами вида <a/> и <ul/> .

И еще, какого чипа-и-дейла уникальный идентификатор id="sidebar" повторяется у трех совсем разных элементов?

допишите открывающий <html>

Это как раз некритично. Хотя "закрыть, не открывая" — как-то неаккуратненько, не спорю.

Samenfaden · June 20, 2011

http://jsfiddle.net/25N7G/
Это просто кошмар какой-то...
<ul/> - кто вас так учил теги закрывать?
Исправьте ошибки, закройте нормально теги, допишите открывающий <html>, проверьте на правильную вложенность тегов - и всё заработает

!!!!!!!!!!!! +++++ Огрномное спасибо! Блин, самое главное <HTML> и стерлось то (((. Заработало)

Насчет тегов - хз, научился закрывать правильно....вот только в поисках решения проблемы уже все перепробувал...кое-где и "сзади" закрыто...поэтому хз..пробовал)

Edited June 20, 2011 by Samenfaden

SelenIT · June 20, 2011

кое-где и "сзади" закрыто...поэтому хз..пробовал)

Метод простого перебора слишком медленный для большинства реальных задач, надо его оптимизировать изучением теории . Как минимум — просто запомнить, что html-парсеры (в отличие от XML) просто игнорируют слеши в любом месте, кроме как сразу после < (т.е. <span/> в HTML — то же, что и обычный незакрытый <span>).

Кстати, JSfiddle даже сам подсвечивает теги (и форматирует код заодно), и разный цвет открывающего и "закрывающего" уже должен настораживать...

Edited June 20, 2011 by SelenIT

Int · June 20, 2011

Та странаня полоска - это <a><ul></ul></a>

Sign In

Меню сайта UL, LI. Задолбался

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information