Jump to content

illya_v

User
  • Posts

    13
  • Joined

  • Last visited

Everything posted by illya_v

  1. Вот такого информативного ответа я и хотел. Благодарю Вас.
  2. Благодарю, но этот вариант тоже не подходит. Дело в том что элемент с классом "blank" является представителем целого семейства элеметнов и верстка основывается на том что они inline-block, а представленный фрагмент частный случай. Кроме того хотелось бы понять "логику" браузеров Chrome и Opera.
  3. Вопрос для знатоков. Есть такая верстка. Вопрос заключается в том почему в Chrome и Opera у элемента с классом "panel" появляется вертикальный скрол-бар. И как от него избавиться. Естественно решение просто убрать overflow: auto не подходит. Тестировал в Chrome 36 и Opera 20.
  4. В каком смысле "потетялись" ? В папке так и лежат... В чем беда,не пойму... По какой-то причине путь прописанный в css не ведет к картинке на сервере. Перепроверте правильность названий файлов и их размещение. Вы открывали консоль?
  5. У вас "потерялись" некоторые изображения и js-файлы. Откройте коносоль браузера на вашем сайте (например в Chrome для этого нажмите F12). Там будет написано каких именно файлов не хватает.
  6. Николя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".
  7. Вероятно я скажу очевидное, но все же. Попробуйте используя инструмент DevTools в Chrome (или аналогичных в других броузерах, просто я предпочитаю DevTools) "прощупать" какие стили применяются к элементам этих таблиц в авторизованном и не авторизованном состоянии.
  8. А по какому признаку будут сопоставляться заголовки и элементы списка? Только по контенту? В таком случае думаю нужно использовать js. Первое что пришло на ум: определяете положение каждого заголовка по вертикали, и при нажатии на элемент списка делаете вертикальный скрол к нужному заголовку. Это конечно весьма расплывчатый алгоритм, но ключевые моменты все же обозначены.
  9. Можно ли сделать подобное только без идентификаторов и классов? Есть ли другие способы? Поясните пожалуйста, что значит "без идентификаторов и классов". Нельзя использовать эти атрибуты конкретно в тегах заголовков, или вообще нет возможности произвести дополнительную разметку контента? Или что-то еще? В любом случае опишите задачу которую вы решаете.
  10. Попробуйте так: <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>
  11. Моя открытка: http://jsfiddle.net/illya_v/vGn2z/embedded/result/ Я тоже решил обойтись без картинок и использовал минимум js. Проверял в FF 25, Chrome 30, Opera 16. В IE11 увы работает только частично. Всем конкурсантам удачи!
  12. Мой не совсем монстр: http://jsfiddle.net/...mbedded/result/ Желание сделать этого персонажа появилось уже давно, но никак руки не доходили. Может немного не вписывается в тематику, не судите строго.
  13. Доброе время суток. Столкнулся с проблемой: при выведении изображения внутри ссылки появляется ненужный отступ внизу. Вероятно тема не нова, в таком случае буду благодарен за ссылку на ресурсы. Код: <!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>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy