lessless

Тэг <blockquote> определяет блок с цитатой из другого источника (имеется в виду другой документ/сайт).aside Думаю тут больше подходит <aside>. float: left; + float: right; ??? сейчас вот так: <section id="last_comments"> <h1>Последние коментарии</h1> <blockquote cite="#"> <h1>m ipsum dolor sit amet</h1> <p>Integer dignissim nunc id justo tristique at ultrices leo ornare. Pellentesque eget justo mi, ut vulputate nulla.</p> <footer><a href="#">Автор</a> <a class="read_more" href="#">далее</a></footer> </blockquote> </section > предлагаете вот так: <aside id="last_comments"> <h1>Последние коментарии</h1> <div class="comments"> <h1>m ipsum dolor sit amet</h1> <p>Integer dignissim nunc id justo tristique at ultrices leo ornare. Pellentesque eget justo mi, ut vulputate nulla.</p> <a href="#">Автор</a> <a class="read_more" href="#">далее</a> </div> <div class="comments"> <h1>m ipsum dolor sit amet</h1> <p>Integer dignissim nunc id justo tristique at ultrices leo ornare. Pellentesque eget justo mi, ut vulputate nulla.</p> <a href="#">Автор</a> <a class="read_more" href="#">далее</a> </div> <div class="comments"> <h1>m ipsum dolor sit amet</h1> <p>Integer dignissim nunc id justo tristique at ultrices leo ornare. Pellentesque eget justo mi, ut vulputate nulla.</p> <a href="#">Автор</a> <a class="read_more" href="#">далее</a> </div> </aside > ?

Добрый день, приветствую! Делаю макет сайта в правой колонке которого будет блок с отображением последних 5 комментариев. Как семантически верно их оформить - через article или div ? <blockquote cite="#"> <h1>m ipsum dolor sit amet</h1> <p>Integer dignissim nunc id justo tristique at ultrices leo ornare. Pellentesque eget justo mi, ut vulputate nulla.</p> <footer><a href="#">Автор</a> <a class="read_next" href="#">далее</a></footer> </blockquote> Вопрос номер два, дополнительный - можно ссылки в блоке расположить одну у левого края а другую у правого ? я сейчас вот так делаю: a.read_next {position:absolute; left:15em;} p.s. понял, что blockquote не подходит, но заголовок уже нельзя поменять

Здравствуйте! Стоит задача поверх jpeg картинки сделать интерактивную карту мира: 1) полупрозрачная подсветка разными цветами территорий произвольных стран стран 2) реакция на клик по области Если использовать канвас и обводить страну LineTo(), это же с ума сойти можно. Есть в природе другие варианты решить такую задачу ?

что значит фильтры ? Очень легко заметить разницу по букве "Х", она либо прямыми линиями, либо лесенкой http://stezja.kiev.ua/index0.php?_query=Pages./pages/init http://stezja.kiev.ua/index.php?_query=Pages./pages/init только не пинайте сильно

Windows XP, в обеих случаях IE8. Эффект наблюдается при просмотри двух разных версий одного и того же сайта.

Народ, наблюдается следующая картина В обеих случаях шрифты 11px Tahoma, где это поставить, что бы в верхнем случае сглаживание было таким же как и в нижнем

Спасибо, договорился с Golgi, он справился оперативно, работать приятно. А на weblancere до сих пор тупят.

начальник тоже имеет право на свое мнение p.s. создал тему в соответствующем разделе форума и поменял ссылку.

Есть плагин http://www.i-marco.nl/weblog/archive/2010/02/27/yup_yet_another_jquery_accordi Есть сайт stezja.kiev.ua, правое меню которого будет заменено на указанное выше, я пробовал внедрить, но своими силами у меня не хватает знаний сделать разметку. Задача сверстать следующим образом: Элементы верхнего уровня меню содержат кнопку разворота субменю возле левой границы, кнопку предпросмотра страницы у правой границы и текст ссылки между ними. Вложенные элементы содержат текст ссылки и только кнопку предпросмотра страницы у правой границы. В случае, если текст ссылки умещается на одной строке, то графические элементы выстраиваются так, что бы их центр и средина текста по высоте находились на одной линии (вертикальное выравнивание по центру). Иллюстрация: http://img855.imageshack.us/img855/1553/menu1l.png В случае, если если текст ссылки переходит на следующую строку, то выравнивание в верхней строке сохраняется, а текст на следующей строке выравнивается по ширине вдоль всего элемента. Иллюстрация: http://img844.imageshack.us/img844/7389/menu2l.png В итоге на каждое графическое изображение должна быть возможность повесить событие .click()! HTML структура используемая плагином вполне устраивает и она уже перенесена на сайт, так, что желательно ёё сохранить Архив плагина: http://www.i-marco.nl/weblog/jquery-accordion-3/demo.zip'>http://www.i-marco.nl/weblog/jquery-accordion-3/demo.zip Демо: http://www.i-marco.nl/weblog/jquery-accordion-3/ Посмотреть наметки на целевом сайте: http://stezja.kiev.ua/index0.php Оплата - Приватбанк/Webmoney/Paypal, цену называйте сами

Не справился, предлагаю поучаствовать за вознаграждение http://forum.htmlbook.ru/index.php?showtopic=27636

Да уж где проще - я только начинаю в этом разбираться p.s. почему right: 5px или vertical-align: right для задания положения по правому краю элемента <a> <img/> </a> не работают,а если через padding-left,можно поставить отступ от левого края?

Поставил новую версию скрипта, на сайте пока не могу показать из-за того, что предстоит переносить наработки из предыдущей версии. Сейчас идея такая <a href="http://somewhere.to">link <img style="text-align: right;vertical-align:middle;" src="toggle.png"/></a> вот, в принципе архив над которым работаю http://www.sendspace.com/file/q664fm сама площадка вот здесь http://stezja.kiev.ua/index0.php

Я недостаточно разбираюсь в jQuery, что бы изменить код плагина, а он предполагает такую структуру: <ul class="menu"> <li><a href="http://www.i-marco.nl/">Home</a></li> <li> <a href="#">Weblog Tools</a> <ul class="acitem"> <li><a href="http://www.pivotx.net/">PivotX</a></li> <li><a href="http://www.wordpress.org/">WordPress</a></li> <li><a href="#four">four</a></li> <li><a href="http://www.textpattern.com/">Textpattern</a></li> <li><a href="http://typosphere.org/">Typo</a></li> </ul> </li> </ul> из выделенной жирным ссылки формируется пункт меню, у нее в стиле прописан display: block;, соответственно картинка переносится на новую строку. Если заменить block на inline, то ломается все форматирование

Здравствуйте, я новичок в программировании и поэтому хотя и пытаюсь разобраться сам, но все же мне нужна ваша помощь. Я использую http://www.i-marco.nl/weblog/archive/2010/02/27/yup_yet_another_jquery_accordi плагин, вот рабочая площадка http://stezja.kiev.ua/index0.php. Задача такая: добавить в верхний уровень списка графический элемент который будет сворачивать-разворачивать список, а ссылка которая обеспечивает этот функционал станет простой ссылкой :help: , т.е. при клике на ней будет осуществлен переход на другую страницу, как и должно быть в штатном режиме :write: Система приблизительно такая: Сначала я пробовал через background-image, но на него нельзя повесить событие Поскольку код в веб-разработке я практически новичок и не понимаю код плагина на достаточном для внесения нового функционала уровне, то и единственная мысль которая сейчас есть - поверх списка отрисовать кнопки с position: absolute; и связать их с элементами. Но от такого ужасного извращения меня бросает в пот, дрож и холод. Помогите кто чем может, люди добрые

Подскажите, почему я не могу поменять бэкграунд? body1 { font-family: Helvetica, Arial, sans-serif; font-size: 11px; } p1 { line-height: 1.5em; } ul#menu, ul#menu ul { font-size: 12px; list-style-type:none; margin: 0; padding: 0; width1: 15em; } ul#menu a { display: block; text-decoration: none; } ul#menu li { margin-top: 1px; width: 100%; } ul#menu li a { background: transparent; back:#333; color: #fff; padding: 0.5em; } ul#menu li a:hover { background: orange; color: #333333; back: #000; } ul#menu li ul li a { background: #1b1c30; back: #ccc; color: #dfddc1; padding-left: 10px; } ul#menu li ul li a:hover { background: orange; color: #333333; border-left: 5px #ffca69 solid; padding-left: 5px; } li#active { border: #fff; background: #f00; /*FILTER: Glow(Color=#ffffff, Strength=8); text-shadow: 0 0 10px #fff;*/ transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; /* border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;*/ /*border:1px solid rgba(255,255,255, 0.2);*/ -moz-box-shadow: inset 0 0 5px 5px #fff; -webkit-box-shadow: inset 0 0 5px 5px #fff; box-shadow: inset 0 0 5px 5px #fff; background: transparent; } делаю так - $(this).attr("id","active");