DjTarik

Скролится только та часть, в которой находится мышь в текущий момент. Вам нужно, чтобы скролился див независимо от того, где указатель мыши?

ну и всё тогда. Делай) Ещё советую, когда сделаешь один раз все правильно, протестируешь и будешь уверен, что всё идеально - сохраняй решение в отдельный файлик, и просто потом его юзай в других проектах. Экономит кучу времени.)

Верно... Я так понимаю - это переключатель страниц? Я делаю так: <!-- switch pages --> <ul class="pager"> <li><a href="#" title="Предыдущая">Предыдущая</a></li> <li><a href="#" title="1">1</a></li> <li class="active"><b>2</b></li> <li><a href="#" title="3">3</a></li> <li><a href="#" title="Следующая">Следующая</a> </li> </ul> <!-- // switch pages // --> для 'li', 'a' и 'b' - display: block (или 'inline-block'); Если просто 'block' - тогда нужен ещё и флоат. С 'inline-block' можно выровнять по центру.

тогда 2 дива - этого достаточно.

Хотел сначала написать в лягушатник, но потом передумал =) Вопрос вот в чём: Имеется див с горизонтальной полосой прокрутки. В нём список ссылок. Скажите, есть ли такая возможность, после клика по ссылке прокрутить скролл именно к этой ссылке, оставив его посередине? O_o P.S. Что бы не возникали вопросы "для чего?" - нужен скролл для листания переключателя страниц. Переключатель уже есть - нужен именно такой скролл. В инете искал готовые решения - не нашел. (Паджинатор 3000 не предлагать =). Если кто-нить видел или знает, как это реализовано - расскажите, плиз... Спасибо.

да. 1. скриптом 2. де-то видел вариант с релэйтивами.

<div style: white-space: nowrap; overflow: hidden;>Этот текст длиннее двухсот пикселей!</div> За синтаксис не ручаюсь, но вроде так пишется)

Таблицы тут вообще ни к чему... Всё делается на дивах на раз-два. В вашем случае фон вообще можно сделать одной картинкой и повесить на body или html

ну, из "базы" у меня С , С++ и ассемблер))) на уровне заочного обучения в РТИ))) Интересуют те же вопросы, что и Максима - в этой книге полное описание JS? Или после её прочтения всё-таки остаются не освещённые участки? Просто я когда изучал HTML, я читал про такое старье, о котором даже в инете не написано))) И как происходил переход от первого html к 4-ому и к XHTML. Зато в голове теперь (года 3 уже прошло) - наиболее полная картина того, что было раньше, что юзают теперь, про что и вовсе можно забыть... Хотелось бы тоже самое и в JS. Но для начала - интересуют именно все возможные современные свойства и методы (хотя бы на уровне справочника) - типо вот такое свойство - вот что оно делает. Для общего развития и ознакомления. Что бы иметь представление, что такие вообще существуют... (хотя их никто не использует)

Я вот тоже долго думал, как осилить JS, убил кучу времени на нахождение "нормальных" русскоязычных ресурсов по JS (всего-то 5-7 сайтов и блогов), и теперь ищу книгу-справочник-самоучитель по нём же. После освоения материалов на яваскрипт.ру - остановился на выборе между Библией и той, о чем этот топик) Склоняюсь именно к последней. Макс, как она? Ты уже ГУРУ в JS?=)

нету... Зачем?

Допустим, у меня 20 радиобаттонов. Каждому диву писать событие?

Так инпут не один... Их может быть сколько угодно... Там их целый список.

Проще всего - картинкой... Как и в случае с закруглёнными уголками... В чём проблема-то? Можно ещё любыми "квадратными" элементами с фоном в нужном цвете...

:hover В ie6 не пашет, поэтому делай ссылку блочную и её :hover

Задача такая: нужно стилизовать input type="radio". Я мыслю так: - В определённой форме находим все инпуты; - Далее среди них находим те, у которых тип - "radio"; - Потом проверяем, кто имеет checked="checked"; - Меняем класс родительскому элементу; HTML: <form action="#" enctype="application/x-www-form-urlencoded" method="get" id="#" class="change-form" onclick="ChangeInput(this)"> <fieldset> <legend>Стилизованный "input type='radio'"</legend> <ul> <li><span><input type="radio" name="#" value="#" id="switch_6" /></span><label for="switch_6">Переключатель 6</label></li> <li><span><input type="radio" name="#" value="#" id="switch_7" /></span><label for="switch_7">Переключатель 7</label></li> <li><span><input type="radio" name="#" value="#" id="switch_8" /></span><label for="switch_8">Переключатель 8</label></li> <li><span><input type="radio" name="#" value="#" id="switch_9" /></span><label for="switch_9">Переключатель 9</label></li> <li><span><input type="radio" name="#" value="#" id="switch_10" /></span><label for="switch_10">Переключатель 10</label></li> </ul> </fieldset> </form> JS: <script type="text/javascript"> // <![CDATA[ function ChangeInput(obj) { var el, name, type; el = obj.elements; for (i = 0; i<el.length; i++) { name = el[i].nodeName; if (name.toLowerCase() == "input") { type = el[i].type; if (type.toLowerCase() == "radio") { if (el[i].checked) { el[i].parentNode.className="on"; } else { el[i].parentNode.className="off"; } }; }; }; }; // ]]> </script> Но что-то мне подсказывает, что всё это сделать можно красивее и код должен быть чище. Отсюда вопросы: 1. Правильно ли я делаю "в теории", или есть лучше способы? 2. Как можно упростить код и сделать его чище? JS я тока постигаю основы, поэтому сильно не пинайте) Хочется написать вариант с нуля и понять смысл, так что Фреймворки не интересуют. Спасибо.

Да, курсор нельзя поменять... Факт...

Обкидаю и пошлют в коммерческие услуги)))

1. на счёт ie6 - сделаё окно ещё уже... Чтобы появился горизонтальный скролл... 2. Так вроде ж всё правильно - просто проценты при разных разрешениях тоже разные. Т.е. 100% на 1024 != 100% на 1400. Отличия будут, как-ни крути...

Вот тестер последней версии: Во всех ие6 так)

По первому - можно оставить и одно кнопку, без поля... CSS хватит. А на счёт JS - я плохо объясняю, но там тоже всё просто... Я тоже его не знаю - но на событие онклик сделал бы)

в ie6 А по первому вопросу - почему нельзя было сделать float: left; и отступ слева? Блоку.info?

Белая полоса (вертикальная) между погрузчиком и желтым блоком есть во всех броузерах. В IE6 при разрешении <1000px всё, что под телефон переносится и всё что под ним съезжает вниз. Проверял в Тестере, коллекции и мультиплае. Везде одинаково)

Да блин... Всё же просто: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Тестовая страница - Tarik (21.02.2010)</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin:0; padding:0; font-size: 8pt; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; } a { text-decoration:none; } ul { list-style:none; } #wrapper { width: 870px; margin:0 auto; padding:0 12px; text-align:center; } #mainNav { width: 870px; [color="#FF0000"]/*height:0px;*/[/color] [color="#FF0000"]background:#111;[/color] [color="#FF0000"]overflow: hidden;[/color] } #mainNav ul { [color="#FF0000"]/*width: 870px;*/[/color] background:#111; padding:0; margin:0; [color="#FF0000"]float: right;[/color] } #mainNav ul li { float:left; } #mainNav ul a { display:block; padding-left:2.2em; padding-right:1.8em; line-height: 3.2em; color: #fff; } #mainNav ul a.first { background: none; } #mainNav ul a:hover { text-decoration: underline; } </style> </head> <body> <div id="wrapper"> <div id="mainNav"> <ul> <li><a class="first" href="#">Главная</a></li> <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> <li><a href="#">Контакты</a></li> </ul> </div> </div> </body> </html> 1. Ширину списку - не нужно. 2. Списку - float: right; Тогда всё станет на свои места. 3. Диву обёртке - убираем высоту. 4. Диву обёртку - такой же фон, как и у списка - тогда эффект, что он тянется на всю ширину. 5. Див обертку любым способом делаем так, чтобы на схлопывался (с моём случае - самое простое - overflow: hidden;) 6. Всё.

Если это там де мужик выглядывает, то у меня и на 1024 и везде есть промежуток. Во всех броузерах. А в IE6 сползает вниз.