-
Posts
13 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by illya_v
-
-
Благодарю, но этот вариант тоже не подходит.
Дело в том что элемент с классом "blank" является представителем целого семейства элеметнов и верстка основывается на том что они inline-block, а представленный фрагмент частный случай.
Кроме того хотелось бы понять "логику" браузеров Chrome и Opera.
-
Вопрос для знатоков.
Есть такая верстка.
Вопрос заключается в том почему в Chrome и Opera у элемента с классом "panel" появляется вертикальный скрол-бар.
И как от него избавиться. Естественно решение просто убрать overflow: auto не подходит.
Тестировал в Chrome 36 и Opera 20.
-
У вас "потерялись" некоторые изображения и js-файлы. Откройте коносоль браузера на вашем сайте (например в Chrome для этого нажмите F12). Там будет написано каких именно файлов не хватает.
В каком смысле "потетялись" ? В папке так и лежат... В чем беда,не пойму...
По какой-то причине путь прописанный в 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.
Первое что пришло на ум: определяете положение каждого заголовка по вертикали, и при нажатии на элемент списка делаете вертикальный скрол к нужному заголовку.
Это конечно весьма расплывчатый алгоритм, но ключевые моменты все же обозначены.
-
Это на php делается, но можно сделать и на jQuery, У H2 нужен ID для якоря. можно самому создать, а можно вообще программно хоть до чего прокручивать
Можно ли сделать подобное только без идентификаторов и классов? Есть ли другие способы?
Поясните пожалуйста, что значит "без идентификаторов и классов".
Нельзя использовать эти атрибуты конкретно в тегах заголовков, или вообще нет возможности произвести дополнительную разметку контента? Или что-то еще?
В любом случае опишите задачу которую вы решаете.
-
Попробуйте так:
<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 увы работает только частично.
Всем конкурсантам удачи!
- 2
-
Мой не совсем монстр:
http://jsfiddle.net/...mbedded/result/
Желание сделать этого персонажа появилось уже давно, но никак руки не доходили.
Может немного не вписывается в тематику, не судите строго.
- 2
-
Доброе время суток.
Столкнулся с проблемой: при выведении изображения внутри ссылки появляется ненужный отступ внизу.
Вероятно тема не нова, в таком случае буду благодарен за ссылку на ресурсы.
Код:
<!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>
Неожиданный вертикальный скрол в Chrome и Opera
in HTML Coding
Posted
Вот такого информативного ответа я и хотел. Благодарю Вас.