MIT
Newbie-
Posts
27 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by 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 выглядит так: А надо что бы голубая полоска оказалась внизу.