illya_v

Вот такого информативного ответа я и хотел. Благодарю Вас.

Благодарю, но этот вариант тоже не подходит. Дело в том что элемент с классом "blank" является представителем целого семейства элеметнов и верстка основывается на том что они inline-block, а представленный фрагмент частный случай. Кроме того хотелось бы понять "логику" браузеров Chrome и Opera.

Вопрос для знатоков. Есть такая верстка. Вопрос заключается в том почему в Chrome и Opera у элемента с классом "panel" появляется вертикальный скрол-бар. И как от него избавиться. Естественно решение просто убрать overflow: auto не подходит. Тестировал в Chrome 36 и Opera 20.

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

У вас "потерялись" некоторые изображения и js-файлы. Откройте коносоль браузера на вашем сайте (например в Chrome для этого нажмите F12). Там будет написано каких именно файлов не хватает.

Николя223 предложил похожее с тем что у вас решение, за исключением того что у вас id для заголовков генерируются в самой скрипте. Это должно вам подойти: $(document).ready(function() { var $content = $("#content"), $sidebar = $("#toc"), $list = $( "<ol></ol>" ); $sidebar.append('<span>Содержание статьи:</span>'); $sidebar.append( $list ); $("h1, h2, h3, h4", $content ).each(function(i) { var $current = $(this); $current.attr("id", "title" + i); $list.append("<li><a id='link" + i + "' href='#title" + i + "' title='" + $current.attr("tagName") + "'>" + $current.html() + "</a>"); });});Обратите внимание, что весь текст, для которого нужно генерировать содержание, должен находиться внутри элемента с id="content", а оглавление будет помещено в элемент с id="toc".

Вероятно я скажу очевидное, но все же. Попробуйте используя инструмент DevTools в Chrome (или аналогичных в других броузерах, просто я предпочитаю DevTools) "прощупать" какие стили применяются к элементам этих таблиц в авторизованном и не авторизованном состоянии.

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

Можно ли сделать подобное только без идентификаторов и классов? Есть ли другие способы? Поясните пожалуйста, что значит "без идентификаторов и классов". Нельзя использовать эти атрибуты конкретно в тегах заголовков, или вообще нет возможности произвести дополнительную разметку контента? Или что-то еще? В любом случае опишите задачу которую вы решаете.

Попробуйте так: <div style="width: 1135px; height: 376px; position: relative;"> <div style="position: absolute; width: 80px; height: 376px; background:url(left.png); background-repeat:no-repeat;"></div> <div style="position: absolute; right: 0; width: 90px; height: 376px; background:url(right.png); background-repeat:no-repeat;"></div> <div style="position: absolute; top: 0; margin-left: 80px; height: 80px; width: 965px; background:url(top.png); background-repeat:no-repeat;"></div> <div style="position: absolute; bottom: 0; margin-left: 80px; height: 126px; width: 965px; background:url(bottom.png); background-repeat:no-repeat;"></div> <img src="demo-file.jpg" width="1135" height="376"></div>

Моя открытка: http://jsfiddle.net/illya_v/vGn2z/embedded/result/ Я тоже решил обойтись без картинок и использовал минимум js. Проверял в FF 25, Chrome 30, Opera 16. В IE11 увы работает только частично. Всем конкурсантам удачи!

Мой не совсем монстр: http://jsfiddle.net/...mbedded/result/ Желание сделать этого персонажа появилось уже давно, но никак руки не доходили. Может немного не вписывается в тематику, не судите строго.

Доброе время суток. Столкнулся с проблемой: при выведении изображения внутри ссылки появляется ненужный отступ внизу. Вероятно тема не нова, в таком случае буду благодарен за ссылку на ресурсы. Код: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> a, span, div{ display: inline-block; border: 1px solid green; margin: 0; padding: 0; } img{ margin: 0; padding: 0; } </style> </head> <body> <a href="_foto/5.jpg"><img src='_foto/5.jpg'/></a> </body> </html>