Telerik blogs

Tag: CSS

  • Web ASP.NET AJAX

    IE7 Scrolling Is Slower If Hover Pseudo CSS Classes Are Used on the Page

    This has been something like a tale of the unexpected for me. A client recently reported a problem with scrolling being slow in IE when the mouse wheel is used. It took about two afternoons of testing different scenarios and head scratching, and this is where we got: it seems that if a :hover pseudo CSS class is used on the web page, scrolling in IE7 becomes slower, even if the CSS selector, which contains the :hover pseudo class does not select anything, i.e. the CSS rule is not relevant to any of the web page elements. The longer the page, the...
    by Iana Tsolova
    November 26, 2008
  • Web ASP.NET AJAX

    Image Centering Techniques You Should Know About

    The following new code library entry demonstrates two alternative techniques for centering an image inside a RadAjaxLoadingPanel. Both techniques should not be something new for CSS-savvy devs, however, we receive queries for them from time to time, so it will be good to have an example available online: How to Center Image In a RadAjaxLoadingPanel  ...
    by Iana Tsolova
    November 18, 2008
  • Web ASP.NET AJAX

    Optimized Rendering and Skins for RadCalendar for ASP.NET AJAX

    I have the pleasure to announce that RadCalendar for ASP.NET AJAX has undergone a considerable HTML and CSS optimization. As a result, the HTML output generated by the following RadCalendar declaration has dropped from 5,916 bytes to 3,905 bytes, or by...
    by Iana Tsolova
    October 14, 2008
  • Web ASP.NET AJAX

    Browser Inconsistencies with Scrolling and Padding

    The other day I was researching a slight RadGrid header and data cell misalignment when using scrolling with static headers. Finally, it turned out that there is a breaking change in the way Firefox 3 treat scrollable elements with an applied padding style. To be more specific, this browser version does not include the padding zone into the scrollable area, and as a result, the inner area of the element becomes smaller. Safari 2 and 3 behave the same way. Here is a very simple testing scenario:   <div style="width:400px">      <div style="width:100px;padding-right:300px;background:orange;overflow:auto">          <div style="width:500px;height:100px;background:yellow">&nbsp;</div>      </div>  </div>      The above HTML code will be displayed by Firefox 3, Firefox 2, IE7, Opera 9 and Safari...
    by Iana Tsolova
    July 23, 2008
  • Web ASP.NET AJAX

    How To Override Styles in a RadControl for ASP.NET AJAX' Embedded Skin

    In the era of the "classic" RadControls for ASP.NET modifying a skin required opening ~ / RadControls / [ControlName] / Skins / [SkinName] / styles.css and making the necessary changes. The new RadControls for ASP.NET AJAX (formerly known as "Prometheus") by default use skins, which are embedded in the assembly. This simplifies deployment but sacrifices customization. Or does it? Actually, making a change to an embedded skin of a RadControl for ASP.NET AJAX is quite easy, given that one keeps in mind a couple of notable things. Namely: (1) Since the embedded skin cannot be modified, the custom styles need to be placed elsewhere. For example ...
    by Iana Tsolova
    June 17, 2008
Prev
1 2 3 4 5 6 7 8 9
Next