tyaps_asp, posts by tag: css - LiveJournal (original) (raw)

Border-radius and gradient IE9 [Sep. 1st, 2011|12:46 pm]Программирование в ASP.Net
[**Tags**|css, html]Юзая HTML5 фичи, наткнулся на то, что IE9 не умеет вместе делать border-radius и градиентную заливку..button1{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfeff', endColorstr='#9bb2bb') !important; background: -webkit-gradient(linear, left top, left bottom, from(rgb(252,254,255)), to(rgb(155,178,187))) !important; background: -moz-linear-gradient(top, rgb(252,254,255), rgb(155,178,187)) !important; background-image: -o-linear-gradient(rgb(252,254,255),rgb(155,178,187)) !important; border:0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }* This source code was highlighted with Source Code Highlighter.Решение в том, чтобы создать маленький градиентный png, перевести его в data URI (с помощью, например, http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ ) и загнать в такой стиль:.button2{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border:0; background-color: #5a5; background-image: url(data:image/png;base64,iVBORw0KGgANSUhEUgAAAB..много_буков..ElFTkSuQmCC); background-size: 100% 100%;}* This source code was highlighted with Source Code Highlighter.(найдено здесь http://stackoverflow.com/questions/4692686/ie9-border-radius-and-background-gradient-bleeding)
link post comment
Внимание float-right onclick [Aug. 29th, 2011|10:39 am]Программирование в ASP.Net
[**Tags**|css]Сделал обычное горизонтальное ul-меню, а потом перед ним засобачил div float right onclick='code()' - и все никак этот div не нажимается. А потому, что у ul не задал width и таким образом на самом деле все кликал по остатку ul
link post comment
Когда внутренний контент наезжает на закругленный бордер [Aug. 25th, 2011|06:21 pm]Программирование в ASP.Net
[**Tags**|css, html, ершик]Замечательные border-radius и box-shadow убиваются, если содержимое закругленного контейнера имеет собственный background-color. Особенно прикольно, если внутри закругленного дива со скроллом - полосатый список ul. Тогда при промотке списка полосы, выделенные цветом, "отмигивают" на закругленных уголках.Однако при заданном background-image вместо background-color такой фигни не происходит. Поэтому, как вариант, можно заливать полоски однопиксельными картинками, нежели ставить background-color - и будет все ОК.
link post comment
Как сделать padding в option [Aug. 17th, 2011|04:23 pm]Программирование в ASP.Net
[**Tags**|css, html, javascript]Да никак. (padding для option-ов поддерживает только FF)В итоге вставляем в текст пробелы.С javascript / jquery это можно сделать такvar emulatePaddingSymbol = '\u00A0'; realSelect.find("option").each(function () {$(this).text(emulatePaddingSymbol + $(this).text());});
link post comment
Когда в IE6 select виден сквозь нависшее меню div position:absolute [Feb. 4th, 2011|04:04 pm]Программирование в ASP.Net
[**Tags**|css, html, ie]В IE6 если делать div position:absolute и этот div попадает сверху на select, то select виден сквозь div. (вот засада!) Следующее решение доступно в инете. (краткий пересказ, опробовано на себе)Нужно под div положить iframe, который как раз будет перекрывать эти select-ы.< iframe scrolling="no" frameborder="0" style="position:absolute;width:100px;height:100px;top:10px;left:10px;border:none;display:block;z-index:0;" >< /iframe >< div style="position:absolute;width:100px;height:100px;top:10px;left:10px;border:none;display:block;z-index:10; ">Здесь меню< /div >
link post comment
GetWebResourceUrl для Javascript и CSS [Feb. 2nd, 2011|01:12 pm]Программирование в ASP.Net
[Tags**|asp.net, css, javascript]Допустим, мы хотим иметь свой веб-контрол (не ascx, а контрол, унаследованный, скажем от ListBox), который использует отдельные .js и .css. И мы не хотим зависеть от страницы, в которой этот контрол будет помещен в плане наличия< script src= > .Мы можем внедрить .js и .css (ресурсы) в сборку с нашим контролом.Вот я делал некий MultiSelect (на основе ui.dropdownchecklist.js)( Read more...Collapse )**
link 2 comments|post comment
Icons for web development [Jan. 18th, 2011|11:39 am]Программирование в ASP.Net
[**Tags**|css, html]Часто мы ищем иконки для стандартных действий на веб-страницах.Вот, один добрый человек поделился ссылкой, и я решил тоже ее запостить, чтоб потом 10 раз не искать.http://webdesignledger.com/freebies/20-excellent-icon-sets-for-application-design
link 1 comment|post comment
IE tr display none - javascript [Jun. 22nd, 2010|11:37 pm]Программирование в ASP.Net
[**Tags**|css, html, ie, javascript, jquery]Во всех браузерах сделать tr невидимым через javascript можно просто, указав display:none для этого. Но IE хочет большего. Нужно делать display:none также для td и th этой tr-строки, иначе вылезают какие-то черточки, фрагменты содержимого и прочая нечисть.Благо jquery с этим удобно справится.$('.ip_row, .ip_row td, .ip_row th').css('display','');
link post comment
Opacity кроссбраузерный [Jun. 22nd, 2010|12:49 pm]Программирование в ASP.Net
[**Tags**|css, html](Напоминалка) Просто в css-стиле/* для не IE*/opacity:.9;/* для IE*/filter: alpha(opacity = 90);
link post comment
Цвет можно задавать и так [Nov. 17th, 2009|12:28 pm]Программирование в ASP.Net
[**Tags**|css]<-span style="color: rgb(0, 0, 187);"->
link post comment