efendi

Да, спасибо большое! Уже всё выводится. Теперь всё гуд! От всей души спасибо вам, что уделили время!

Error 404We're truly sorry, but there is no such page Вот картинка, которую нужно выводить под каждой ссылкой (снизу) из меню. Уже всё поправил, и картинка выводится. Единственное, что при наведении на любую ссылку из меню, картинка выводится всегда в одном месте. А нужно, чтобы выводилась под ссылкой, на которую наводишь курсор.

Не помогает((( Подставил на бэкграунд картинку. Теперь при наведении вообще ничего не выводится((( .topmenu li a:after{ content:''; display:none; height:10px; width:10px; background:url('../images/link.png'); position: absolute; top: 30px; left: 30px;}

Спасибо! Но не совсем так. При наведении на ссылку из меню, правая его часть смещается вниз(((

Ребята, помогите пожалуйста реализовать на практике следующее. Есть горизонтальное меню со списком, состоящих из ссылок: Затрудняюсь задать код псевдокласса hover, чтобы при наведении на ссылку из меню, снизу появлялось следующее изображение. HTML: <div class="topmenu"> <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></div>CSS: .topmenu { position: absolute; top: 200px; left: 180px; display: inline-block; }.topmenu a { color: #fff; text-decoration: none;}.topmenu a:hover { color: #FFC300;}.topmenu li { display: inline; margin: 0 10px;}Очень буду благодарен за оказание помощи!

Оууу, Николя, огромное спасибки!!! То, что доктор прописал

Ребята, я уже нашёл решение своей проблемы в этом посте у Евгения Попова http://ruseller.com/lessons.php?rub=32&id=767. Но мне ещё нужно сделать, чтобы список содержания был нумерованный. (Обращался в техподдержку Е.Попова, там отказали, мотировав тем, что это не форум, и на вопросы в комментариях не отвечают!) Я не разбираюсь в коде javascript. Помогите пожалуйста внедрить элементы <ol>, <li> в этот код: $(document).ready(function() { $("#toc").append('<span>Содержание статьи:</span>') $("h2, h3, h4").each(function(i) { var current = $(this); current.attr("id", "title" + i); $("#toc").append("<a id='link" + i + "' href='#title" + i + "' title='" + current.attr("tagName") + "'>" + current.html() + "</a>"); }); });Друзья, очень нуждаюсь в вашей помощи. Буду очень благодарен!

Ребята, я уже нашёл решение своей проблемы в этом посте у Евгения Попова http://ruseller.com/lessons.php?rub=32&id=767. Но мне ещё нужно сделать, чтобы список содержания был нумерованный. (Обращался в техподдержку Е.Попова, там отказали, мотировав тем, что это не форум, и на вопросы в комментариях не отвечают!) Я не разбираюсь в коде javascript. Помогите пожалуйста внедрить элементы <ol>, <li> в этот код: $(document).ready(function() { $("#toc").append('<span>Содержание статьи:</span>') $("h2, h3, h4").each(function(i) { var current = $(this); current.attr("id", "title" + i); $("#toc").append("<a id='link" + i + "' href='#title" + i + "' title='" + current.attr("tagName") + "'>" + current.html() + "</a>"); }); });Друзья, очень нуждаюсь в вашей помощи. Буду очень благодарен!

Можно ли сделать подобное только без идентификаторов и классов? Есть ли другие способы? Поясните пожалуйста, что значит "без идентификаторов и классов". Нельзя использовать эти атрибуты конкретно в тегах заголовков, или вообще нет возможности произвести дополнительную разметку контента? Или что-то еще? В любом случае опишите задачу которую вы решаете. Сейчас код содержания такой: <ol><li><a href="#nav1">Область применения и виды</a></li></ol>Исходный код в теле статьи: <h2 id="nav1">Область применения и виды</h2>Нужно получить исходный код такой: <h2>Область применения и виды</h2>

Необходимо реализовать содержание статьи с хештегами (якорями) на определённые участки одной страницы. В данном случае имеется содержание, в котором подзаголовкам нужно присваивать идентификатор (id). Код содержания: <ol><li><a href="#nav1">Область применения и виды</a></li></ol>Поэтому подзаголовки сейчас имеют такой вид исходного кода: <h2 id="nav1">Область применения и виды</h2> Имеются страницы объёмом от 5000 символов и выше. Нужно сделать подзаголовки чистыми, без идентификаторов (id) и классов (class), и имели такой исходный код: <h2>Область применения и виды</h2>Коллеги, подскажите пожалуйста, можно ли это сделать и каким способом? Буду благодарен за помощь!

Можно ли сделать подобное только без идентификаторов и классов? Есть ли другие способы?

Z1gnet и npofopr, ребята спасибо за желание помочь! Пытаюсь разобраться с этим вопросом, пока тщетно. npofopr очень познавательная и обширная статья. Некоторые моменты пока непонятны. Буду уделять время, чтобы вникнуть!

Будьте любезны, подскажите ещё пожалуйста, как равномерно распределить пункты меню на горизонтальной панели, чтобы были одинаковые отступы у крайних пунктов слева и справа.

Вы реально помогли. Всё стало именно так, как нужно. Огромное спасибо!

Изменил. Но это не решило проблему до конца. Хочется, чтобы при наведении на ссылку были отступы фона слева и справа.

Дорогие коллеги! Крайне нуждаюсь в вашей помощи в решении следующего вопроса. Есть панель горизонтального меню. Нужно, чтобы при наведении изменялся фон и был размером по высоте как панель, по ширине на 5px шире (слева-справа), чем анкор ссылки. Именно так я и сделал. Есть одно НО: при навдении всё меню сдвигается вправо на 5 px. А нужно, чтобы при наведении текст меню не двигался. Код HTML: <ul class="navig"><li><a href="#">Бронирование отеля</a></li><li><a href="#">Купить авиабилет</a></li><li><a href="#">О сайте</a></li><li><a href="#">Контакты</a></li></ul>Код CSS: ul.navig {position: relative; top: 5px; left: 30px; font-size: 15px;}ul.navig li {display: inline;}ul.navig li a {color: #fff; margin: 0 7px; text-decoration: none;}ul.navig li a:hover {background: #A16850; padding: 7px 5px;}Скриншот:

Будьте добры, пожалуйста подробней, как это реализовать на движке DLE ?

Уважаемые коллеги! Раньше никогда не парился над этим вопросом. Но сейчас хочется, чтоб всё было почистяку) Возник такой вопрос, как правильно оформить спискок li в тег noindex? То есть, чтобы весь этот список не индексировался. У меня пока такие варианты: Вариант 1<!--noindex--><ul><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li></ul><!--/noindex-->Вариант 2<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><!--/noindex--></ul>Вариант 3<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><!--/noindex--><!--noindex--><li><a href="http://site.ru/">анкор</a></li><!--/noindex--><!--noindex--><li><a href="http://site.ru/">анкор</a></li><!--/noindex--></ul>Вариант 4<ul><li><!--noindex--><a href="http://site.ru/">анкор</a><!--/noindex--></li><li><!--noindex--><a href="http://site.ru/">анкор</a><!--/noindex--></li><li><!--noindex--><a href="http://site.ru/">анкор</a><!--/noindex--></li></ul>Какой вариант будет верным? Буду благодарен за подсказки и конструктивные ответы!