MIT

Спасибо. А на основе каких правил оно работает? Есть ли ещё варианты?

Скажите пожалуйста, возможно ли код <div style="margin:0 200px; border:1px solid black"> <div style="width:400px;background:#09C;height:100px;display:inline-block"> </div> </div>подправить таким образом, что бы внутренний блок не вылезал за пределы контейнера, а распирал его при уменьшении ширины страницы?

О раскрой же великое таинство знания, вложенного в метод exec, что послан нам свыше для спасения человечества. Пример может какой, мануал, умное описание?

Из-за отрицательного z-index`а у #osn. Какого вообще хрена он отрицательный?

Есть данные, есть паттерн. Надо получить все подходящие подстроки и их местоположения. Как? Изложенный здесь метод работает через задницу и не даёт возможности получить позиции: http://stackoverflow.com/questions/520611/...similar-to-phps

Ну я какбэ знаю что можно. Даже использовал. Можно огласить полную мысль? Ну да, что-то похожее, но в строчке не получается равномерного распределения изображений по всей ширине. Было бы лучше, если расстояния между изображениями тоже менялись.

Есть страница, на которой находятся 4 изображения в один ряд, примерно вот так: Изначально это было оформлено одной строкой в таблице (с центровкой, что бы изображения располагались равномерно). И всё бы хорошо, вот только если страницу сильно сжимать по ширине, подобная конструкция не дает уменьшиться всей странице, выступая в качестве распорки. По идее надо разбить ряд из четырёх изображений на две таблички, задать каждой ширину в 49.999% и прифлоатить к левой стороне: Тогда страницу не будет распирать шириной сразу всех изображений, а при уменьшении ширины страницы вторая пара изображений с успехом будет перенесена на новую "строку". И опять всё бы хорошо, но при переносе в таком виде таблицы портят вид страницы: их ширина всё еще равна половине ширины страницы, они прифлоачены к левой стороне, а значит, что у нас получается не равномерное распределение изображений в одной строчке по всей доступной ширине. В идеале же оно должна выглядеть вот так: Можно, конечно, сделать на JS, но не очень хочется из-за такой мелочи прикреплять jQuery (ради onResize для IE). У кого есть какие-либо соображения по вопросу?

Говорю сразу - от JS я довольно далек, знаю его на уровне копипаст-программирования и написать самостоятельно сколько-нибудь сложный код не могу, посему прошу не кричать на весь форум о моей безграммотности в данной теме, если нижеследующий текст покажется бредом и/или элементарщиной. Задача заключается в следующем: есть таблица, в (некоторых) строках которой есть чекбокс (input checkbox); мне нужна функция, способная состояния этих чекбоксов менять. Т.е. в общем ничего сложного: собираем нужные селекторы (например: #mytable tbody tr.class1 td input, #mytable tbody tr.class2 td input и т.д.), после чего кодом ***.checked = true/false меняем состояние элемента. Сложность для меня заключается как раз в выборке списка элементов по указанным выше селекторам и их перебор. Подскажите, пожалуйста, какой фреймворк лучше выбрать для этой задачи и как им корректно воспользоваться (либо статьи-инструкции (но не общего порядка, а что-то реально тематическое), либо же примерами кода, не обязательно готовыми).

Нет, не трудно. Просто хотелось бы понять принцип работы этого скрипта. Но раз тобой был предложен вариант копипастинга, то тему можно считать закрытой.

Конечно, иначе бы и не спрашивал. Пример можно посмотреть вот тут: http://www.phpbb.com/community/viewtopic.p...146135#p6753665По нажатию на "Select all" выделяется текст, находящийся в блоке кода. Хотелось бы понять как это работает, и как реализовать что-нибудь подобное.

Представь, что под твоим предыдущим постом есть чудо-кнопочка, нажав на которую на странице выделится строка "А что есть "именно содержимое"?"

Абсолютно не вариант, выделять надо именно содержимое элемента страницы, а не текстового поля

Есть, значит, у меня именной div, содержимое которого необходимо выделить по нажатии кнопки. Как такое можно реализовать?

Добавлено: Разобрался в причине пропадания номеров. Оказывается все дело в том, что обнулялся паддинг всех элементов: * { padding:0; } Для того, что бы они магическим образом появились ставим в стиль списка padding-left:3em;

Да, обидно, что никто не знает. По поводу пропажи номеров строк: выяснил, что это зависит от установленного свойства overflow. Как можно побороть такое гнусное поведение?

Если просто список не будет, то возможно ли использовать такие варианты: 1) не просто список 2) мой альтернативный подход со скроллингом самого списка - как решить проблему с исчезающими номерами строк? 3) что-нибудь совсем альтернативное, о чем я пока не подумал ? Буду рад любым конструктивным предложениям для достижения поставленной цели. Добавлено: И вот еще вопрос - как сделать перенос в строке (в li), что бы горизонтальная полоса прокрутки не появлялась?

Нет, проблема не в этом месте. На втором скрине (заметь) горизонтальный скроллбар еще можно скроллить вправо (еще правее ничуть не лучше), а паддинг сделан для того, что бы текст не прислонялся к самой правой стороне.Да, фишка с display:inline-block; работает в нормальных браузерах (читай - Опера), Хроме, не всегда (по непонятной схеме) работает в ФФ3 и конечно она не работает в IE8 в режиме совместимости. FireBug показывает список вот так: что, в общем-то, верно, просто надо растянуть список на всю ширину переполненного дива-обертки.

Приветствую всех. Столкнулся с задачей переделки хайлайтера исходников, но не могу побороть одну проблему связанную с CSS. На выходе получается конструкция такой структуры: <div class="content"> <dl class="codebox"> <dt>Заголовок</dt> <dd> <div class="codebox1"> <ol> <li> <pre><span style="color: #235ae6;">Public</span> <span style="color: #235ae6;">Class</span> Form1</pre> </li> <li> <pre> </pre> </li> </ol> </div> </dd> </dl> </div> CSS: div.codebox1 { background-color:#C0CDDE; font-size:0.9em; line-height:1.1em; max-height:250px; overflow:scroll; } div.codebox1 ol { background-color:#F3F8FF; margin-bottom:0; } div.codebox1 ol li { padding-left:3px; border-left: 2px solid #255289; font-weight: normal; vertical-align: top; padding-right:10px; } Задача: сделать этот список scrollable`вым, причем что бы было это красиво. Проблема: Основная проблема в том что список получается слишком узким. Если список промотан в самое левое положение, то все нормально: однако стоит его промотать чуть вправо, как появляется неприятный эффект: При этом я как бы понимаю из-за чего это, но вот решения в голову не приходит. Пробовал в стиль списка (div.codebox1 ol) добавить строку display:inline-block;, однако этот трюк помогает далеко не всегда. Пробовал сделать скроллбары у самого списка, а не у его обертки, но все равно получается не очень красиво - исчезают цифры элементов списка: что тоже не фонтан. Надеюсь задумка понятна. Помогите, плиз.

Да, и правда. Только я не понял, смешно это или грустно С адреса CNTUS.FEED.EU.RU.RU.GDT.MOS.CS.T01.CUS.00.EM@css.one.microsoft.com мне пришел ответ, суть которого заключается в том, что сообщить об ошибке в их программном продукте можно только предоставив им свою полную контактную информацию (ФИО, телефон с кодом города, email), сведения о лицензии на это самое программное обеспечение (... или "номер соглашения, а также авторизационный номер лицензиата" ... или ProductID). Еще указали на то, что оказывается (отмечу, что я послал письмо на Russia@microsoft.com)Короче говоря тупой автоответчик. Вот теперь даже и не знаю, почему их так недолюбливают?..

Позволь узнать, что тебя так развеселило? а)"Написал" б)"Написал письмо" в)"саппорт Микрософта" г)"Микрософт" д)"Написал письмо в саппорт Микрософта" е)"Написал письмо в саппорт Микрософта, может отреагируют." ???

Написал письмо в саппорт Микрософта, может отреагируют. По поводу Оперы - тоже интересно: верное позиционирование происходит только после горизонтального ресайза, при вертикальном же (а также сразу после загрузки страницы) див может находиться либо под блоком с данными, либо еще где-нибудь. Ладно, обновлю Оперу. Еще раз спасибо

Спасибо огромное! Вот окончательный вид того, что мне требовалось: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body, html { height: 100%; padding:0; margin:0; } .divbottom { background-color: #00CCFF; } .divdata { background-color: lightgray; } </style> </head> <body> <div style="position: relative; min-height: 100%;"> <div style="padding-bottom: 100px;"> <div class="divdata"> 0<br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17 </div> </div> <div class="divbottom" style="position: absolute; bottom: 0px; left: 0px; height: 100px; width: 100%">bottom</div> </div> </body> </html> _______ Один вопрос на последок: а почему этот код нормально работает только в FF? IE8 отображает его криво (после ресайза окна), однако это скорее всего глюк конкретной версии браузера, т.к. при горизонтальном ресайзе нижний блок встает на положенное место. А вот Опера 9.61 при небольшом количестве текста "прилепляет" нижний блок прямо под данными.

Что-то я туплю Смотри, вот код, содержащий некоторый блок с данными страницы: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body, html { height: 100%; padding:0; margin:0; } .divbottom { background-color: #00CCFF; } .divdata { background-color: #EEE; border: 4px solid #0022FF; } </style> </head> <body> <div style="position: relative; height: 100%; background-color: #f4f4f4"> <div class="divdata" style="height:200px; margin-bottom:100px">data</div> <div class="divbottom" style="position: absolute; bottom: 0px; left: 0px; height: 100px; width: 100%">bottom</div> </div> </body> </html> Однако выглядит это неверно: Когда данных мало (нормально) Однако нижний блок свободно "наезжает" на данные, хотя должен остаться под ними А если увеличить блок с данными, то возможно такое Блин, что-то я совсем запутался в этом...

Да не совсем... Наверно я как-то не верно объяснил. Собственно вот схема того, как бы мне хотелось устроить: А в твоем примере див получается над данными, вторым слоем.

<body> <div style="position:relative"> <div style="height:500px; background-color:#0000CC">test</div> <div style="position:absolute; bottom:0; background-color:#0099FF; width:100%">txt</div> </div> </body> В Опере и осле 8 выглядит так: А надо что бы голубая полоска оказалась внизу.