Rick Strahl's Web Log

WebLog Posts in Category CSS

Rounded Corners and Shadows – Dialogs with CSS
April 11, 2011 @ 2:16 am

CSS 3 provides for box-radius and box-shadow, two features that make it really easy to create attractive floating windows easily with native CSS. Here's what you need to know to create rounded corners and box shadows effectively.

10 comments

Rounded Corner Rendering in newer Browsers
July 08, 2009 @ 1:47 am

Rounded corners in HTML have been an elusive target. It's been done a million times over, but most of the approaches from manually creating images to using automated JavaScript to using complex CSS layouts with dependent images are a pain to work with. CSS 3.0 offers some relief by providing native support for rounded corners, but you can take advantage of this functionality today in some browsers that already support this functionality via browser specfic extensions.

8 comments

An annoying IE position: Relative and OverFlow-Y Bug
May 11, 2009 @ 2:47 am

Ran into a real sneaky but that only shows up in pre-IE 8 standards mode versiosn of Internet Explorer. Any parent elements that contain child elements that have position: relative set cannot be contained in the parent container via overflow settings or even a fixed height, resulting in elements spilling out of the bottom of the container. It appears there's no direct workaround short of using a different approach to element positioning.

14 comments

Unwanted Padding in IE Image Rendering in div Tag
June 05, 2008 @ 7:17 am

I've repeatedly run into an issue where putting an image inside of a div tag as its only content causes IE to render a bit of padding that shouldn't be there. No problem in other browsers, but definitely an issue in IE.

24 comments

:hover behavior in IE 7
May 13, 2008 @ 2:35 pm

Ran into an odd problem today with :hover CSS styling that wouldn't work in IE 7. It turns out that I accidentally wiped out my doctype, but even after restoring the doc type I still ended up with problems in large lists.

11 comments

Absolute Positioning inside of a Relative Element with CSS
March 28, 2008 @ 2:39 am

Getting elements positioned absolutely inside of a container is not terribly obvious and not very discoverable using CSS. But it can make for a cool effect and is a useful feature for many overlay type operations in Html markup. Here's an example of a hover over delete button that pops up on focus of an element.

11 comments

Creating a scrollable and grouped Repeater Layout
August 23, 2007 @ 1:49 am

A couple of people asked me today about a layout I put together for an application. The layout is bascially a scrollable and grouped repeater that looks a little like a ListView control in WinForms. This sort of layout can be great for longer lists when paging is not really the right choice - a common scenario in AJAX applications actually. Here's a quick walk through on how this layout is put together.

6 comments

Images as Style Attributes
June 29, 2007 @ 12:45 am

Here's a little tip that I started using more frequently recently that involves images. When embedding images into pages you're often inclined to use an IMG tag or an ASP.NET image control. In some situations though - especially if the same image repeats on the page - it can be much more efficient...

6 comments

Some great practical CSS Links
January 22, 2007 @ 3:51 pm

Ran into a cool collage of CSS formatting related links that show a number of cool practical examples for CSS.

4 comments

Categories

ASP.NET (221) .NET (85) Personal (68) jQuery (55) JavaScript (54) AJAX (51) Visual Studio (49) CSharp (40) HTML (35) LINQ (32) IIS (30) ASP.NET (28) Vista (28) WCF (27) Windows (22) Localization (21) FoxPro (21) Web Services (16) COM (14) Microsoft AJAX (13) MVC (12) WPF (12) ADO.NET (12) XML (10) CSS (9) Web Connection (8) Security (8) Silverlight (8) Sql Server (7) West Wind Ajax Toolkit (7) IIS7 (7) HTTP (7) C++ (6) Web Api (6) Html Help Builder (5) HTML5 (5) Hardware (5) ISV (4) Live Writer (4) Bugs (4) WebLog (4) Software Development (4) Office (4) Source Control (3) Razor (3) Windsurfing (3) DataBinding (3) Help (3) Help Builder (3) IIS7 (3) Installation (2) Internet Explorer (2) Conferences (2) ADO.NET (2) Visual Studio (2) WinForms (2) Tools (2) Web Design (2) RegEx (2) RSS (2) Networking (2) Maui (2) Speaking (2) Threading (1) SmartPhone (1) Web Deployment Projects (1) Travel (1) Utilities (1) wwHoverPanel (1) Addins (1) Control Development (1) Dynamic Types (1) FireFox (1) iPhone (1) Graphics (1) JSON (1)