Telerik blogs

Tag: CSS

  • 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 19, 2008 1 min read
  • 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 1 min read
  • 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 1 min read
  • 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 4 min read
  • Web ASP.NET AJAX

    Title Attributes in CSS Link Tags Prevent Styles from Being Applied

    I have been aware for some time now that title attributes in CSS <link> tags trigger problems and prevent some CSS styles from being applied on the web page. Today I invested a couple of hours in finding out what actually happens and this is what we've got. If you have several <link> tags in the page <head> and one of them has a title attribute, then the <link> tags coming after it must either have a title attribute with the same value or no title attribute at all, otherwise the styles in the latter CSS files the will not be applied on the...
    by Iana Tsolova
    May 15, 2008 2 min read
Prev
1 2 3 4 5 6 7 8 9 10