klierik
-
Posts
5,038 -
Joined
-
Last visited
-
Days Won
125
Content Type
Profiles
Forums
Calendar
Store
Everything posted by klierik
-
но основной OS: IE7/FF2/FF3/Opera9/Opera 9.5/Safari На виртуалке: IE6 зы: в качетсве виртуалки можно использовать или Microsoft Virtual PC (работает пошустрее чем VMware) но рекомендовал б использовать VirtualBox - работает существенно быстрее и приятнее (только хз работает лионо на Висте) зыы: в догонку, ко всему этому безобразию рекомендую юзать Internet Explorer Developer Toolbar конечно "это" несравнимо с firebug, но в некоторых ситуациях выручает
-
вопрос слишком обширный и никто вам не возьметься утверждать что одно лучше другого, просто изза того, смотря какую задачу следует реализовать. на флеше, к примеру, писать веб-приложение - это жесть! но и dhtml в свою очередь не владеет столь мультимедийными возможностями. в общем, глобально их сравнивать - это гониво!
-
<INPUT TYPE="FILE"> - разный размер во всех браузерах
klierik replied to coldrain's question in JavaScript
как вариант использовать хаки или же разбить на разные css -
вопрос по сабжу. вот сижу что-то немогу сделать элементарный лейаут. есть шапка, есть футер, есть контент. все это занимает 100% окна. контент занимает всю центральную область. но в случае если контент превышает высоту области контента, то пусть появляется свой внутренний скролл. это как-то мона сделать без js?
-
2yopopt, хороший способ. главное что работает из под експрешшена. классно. пасиба 2Userator, document.getElementsByTagName('div')[0].clientHeight + 'px';
-
аа.. ты про это. =) =) =)
-
что не работает?
-
ну вот для примера хоть б так <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> .menu ul {list-style:none;} .menu li {float:left;} .menu a {text-decoration:none;} .menu li.clear {clear:both;} </style> </head> <body> <!-- menu --> <div class="menu"> <ul> <li><a href="#"><img src="images/menu-button-home.jpg" alt="" title="" /></a></li> <li><a href="#"><img src="images/menu-button-about.jpg" alt="" title="" /></a></li> ... <li class="clear"></li> </ul> </div> </body> </html> зы: по поводу li.clear - это по желанию
-
1. локализируйте пожалуйста проблему 2. поместите код в соответствующий тег 3 css 4. изложите более детально суть проблемы <meta content="text/html;>charset=windows-1251" http-equiv="Content-Type"/> ошибку видете? у меня под ИЕ6 одни иероглифы! зы: 2 администрация, народ. надо что-то с этим делать после регистрации могет отсылать новичка на правила или что-то типа того
-
прочитал пару раз но так и не понял что именно вы хотите )
-
очень небрежный код.рекомендую все тщательное переписать на классах.
-
1. задать прямо во флеше ссылку на главный контейнер (читаем про URL) 2. поместить поверх флеша прозрачный див с аналогичными шириной и высотой, который в свою очередь будет содержаться в ссылке а вообще смотря что именно содержит флеш и как должны работать события
-
все с большей и большей увереностью думаю что использовать хаки неприемлемо. изначально мне они очень понравились, так как существенно расширяют гибкость написания кода под каждый браузер. только вот гарантировать что в каждой последующей версии браузера написанные стили будут работать корректно никто не в силах. возможно, кто-то из жителей форума, кто обладает навыками работы с javascript выложит js-код который и будет подгружать соответствующий css. в общем если ссылаться на win-пользователей, на сегодняшний день то скрипт будет делать нечто: - подгружать основной css файл - подгруждать css под ie - под Opera - под WebKit - под Gecko - под ie7
-
это проблемы самого плеера который вы скачали, но никак не проблемы html
-
так он перед всеми вроде и извинился.
-
все очень благодарен так же вопрос по теме, да бы не создавать отдельный топ. почему, при нажатии на маркер списка, выделяется его содержимое? как это можно присеч? upd: проблема в FF upd2: верстая дерево, нашел довольно необычный баг в IE css: /*** x-tree ***/ .x-tree, .x-tree * { margin: 0px; padding: 0px; } /** defaults **/ .x-tree ul { list-style: none; list-style-image: url(../images/x-tree-ico-plus.gif); /* default marker for all items */ margin-left: 13px; margin-left: expression('16px'); } .x-tree li { background-image: url(../images/x-tree-ico-dir-closed.gif); /* default ico for items */ background-position: 0 middle; background-repeat: no-repeat; font: normal 11px tahoma; color: #000; padding-left: 19px; cursor: pointer; margin: 1px 0; height: 17px; /*border: 1px solid #ccc;*/ /*background-color: #eee;*/ _cursor: hand; } .x-tree ul ul { margin-top: 2px; margin-bottom: 0px; margin-left: 2px; } /** events **/ .x-tree li.opened { list-style-image: url(../images/x-tree-ico-minus.gif); height: auto; } .x-tree li.closed { list-style-image: url(../images/x-tree-ico-plus.gif); } /** types **/ .x-tree li.empty { list-style: none; } .x-tree li.notype ul, .x-tree li.notype { margin-left: 0px; list-style: none; background-image: none; } html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>x-tree</title> <link rel="stylesheet" href="css/x-tree.css" type="text/css" /> </head> <body> <!-- x-tree --> <div class="x-tree"> <ul> <li> <input type="checkbox" value="" /> root item 4</li> <li class="opened"> <input type="checkbox" value="" /> root item 5 <!-- 1`st inner --> <ul> <li> <input type="checkbox" value="" /> 1`st inner item 1</li> <li class="opened"> <input type="checkbox" value="" /> 1`st inner item 2 <!-- 2`nd inner item --> <ul> <li> <input type="checkbox" value="" /> 2`nd inner item 1</li> <li class="notype"> <input type="checkbox" value="" /> 2`nd inner item 2</li> <li class="notype"> <input type="checkbox" value="" /> 2`nd inner item 3</li> </ul> </li> <li> <input type="checkbox" value="" /> 1`st inner item 3</li> </ul> </li> </ul> </div> <!-- /x-tree --> </body> </html> баг заключаеться в том, что у елементов, которым присвоен класс empty не пропадает маркер. есть идеи как побороть IE?
-
Доброго. Что-то не получается найти примерчик обычного дерева, как в проводнике, реализованный на CSS. если есть у кого что-то на примете, подкиньте линк, плиз. tnx u
-
не ясно выражена проблема. попробуйте более детально объяснить.
-
для начала будте любезны показать скриншот и код(вложеный в соответствующие теги) а так же назвать версию браузера в котором тестируете
-
арм...это вы о чем?
-
да.. и если будете выкладывать код, вложите его сразу в соответствующие теги!!!
-
:)
-
вопрос спорный, но соглашусь
-
я не раз встречал скрипт в нете. к сожелению линков не сохронял, но данный скрипт широко распрастранен и вроде не должно возникнуть проблем с его поиском по гуглю
-
Доброго. Есть следующая таблица (все пихнул в один блок да бы не разбивать на части) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>grid_one_doc</title> <style type="text/css"> /*** x-grid ***/ .x-grid { border: 1px solid #DCEBF7; } /* defaults & same options */ .x-grid * { margin: 0px; padding: 0px; border: none; } .x-grid table { border-collapse: collapse; border: none; width: 100%; table-layout: fixed; } .x-grid div { text-align: left; color: #000; font-family: Tahoma; font-size: 11px; } .x-grid div.out { /**/ } .x-grid div.in { margin-right: 4px; padding-left: 4px; _padding-left: 8px; overflow: hidden; } .x-grid span { white-space: nowrap; } .x-grid td { overflow: hidden; /* for correct overflow in safari */ } .x-grid tr, .x-grid td { height: 100%; vertical-align: middle; text-align: center; } /* grid data */ .x-grid .data { /**/ } .x-grid .data tr, .x-grid .data td { height: 25px; /* default lihe height */ } .x-grid .data td { border-top: 1px solid #eef6fb; border-bottom: 1px solid #eef6fb; padding: 0; } /* line colors */ .x-grid .data tr { /* static white */ background-color: #fff; } .x-grid .data tr.dark { /* static dark */ background-color: #eef6fb; } .x-grid .data tr:hover { background-color: #dcebf7; } /* vertical align */ .x-grid .data tr.v-top td { vertical-align: top; padding-top: 4px; } .x-grid .data tr.v-btm td { vertical-align: bottom; } /* horizontal align */ .x-grid .data td.h-ctr div.in { text-align: center; } .x-grid .data td.h-rht div.in { text-align: right; } /* chekbox */ .x-grid .data td.chk-box { background-color: #dcebf7; } .x-grid .data td.chk-box input { margin: 1px 0; } </style> </head> <body> <!-- x-grid --> <div class="x-grid"> <!-- data --> <table class="data"> <col width="23"></col> <col width=""></col> <col width="150"></col> <col width=""></col> <col width="200"></col> <colgroup width="300"> <col width="50"></col> <col width="50"></col> <col width="50"></col> <col width="150"></col> </colgroup> <tr> <td class="chk-box"> <input name="" type="checkbox" value="" /> </td> <td><div class="out"><div class="in"> <span class="asc">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td class="sorted"><div class="out"><div class="in"> <span class="dsc">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span class="none">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> </tr> <tr class="dark v-top"> <td class="chk-box"> <input name="" type="checkbox" value="" /> </td> <td><div class="out"><div class="in"> <span class="asc">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td class="sorted"><div class="out"><div class="in"> <span class="dsc" style="white-space:normal;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span class="none">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td><div class="out"><div class="in"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> <td style=""><div class="out" style=""><div class="in"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> </div></div></td> </tr> </table> </div> <!-- /x-grid --> </body> </html> таблица работает в точности так как требуеться, за исключение одной проблемы: в конце таблицы 4 столбика. общая их ширина 300рх. если не задавать ширину колонки, то она начинает "ехать". а хотелось б что б сумарная их ширина была 300px (ну или заведомо заданое) и вот ширина каждой колонки зависела от контента. то есть по умолчанию они все одинаковые (получаеться 25%), а если контент одной из колонок больше е? ширины, то пусть он колонку раздвигает за счет свободного пространства остальных колонок. это вообще реально средствами css/html тут реализовать. зы: сверху над таблицой так же имееться таблица, которая в свою очередь является шапкой для этой таблицы. е? я не приводил в пример так как нет смысла - там разбиение практически такое-же. зы2: я знаю несколько вариантов решения данной проблемы, но их применение не оправдано в данном случае. может кто-то поделиться своей точкой зрения на данный вопрос