Tag: styling

RMSforms – A flexible CSS Forms Framework

If you are a Web designer or developer, you know that styling forms with CSS is a huge pain. Not only are browser inconsistencies rampant in form elements, but it is very difficult to get an advanced form to layout correctly, both visually & semantically. To alleviate these issues and to help designers / developers […]
csshead 0 Comments

Styling HTML Lists with CSS: Techniques and Resources

In an online world now dominated by CSS layouts, CSS-styled HTML lists have become invaluable tools in a CSS developer’s toolbox, due to the HTML lists versatile and graphically flexible nature. All this despite some of the obvious browser inconsistencies that can affect the styling of the different types of lists available in HTML coding.If […]
csshead 0 Comments

Rediscovering the Button Element

Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elements and the biggest loser of them all in the battle […]
csshead 0 Comments

How to Create Perfect Pre Tags

If you operate a website that features lots of code examples, you know how important it is to spend some quality time styling the “pre” element. When left unstyled, wild “pre” tags will mangle your preformatted content and destroy your site’s layout. Different browsers treat the “pre” tag quite differently, varying greatly in their default […]
csshead 0 Comments

Essential CSS/HTML Lists Styling Techniques

Certain elements in HTML lend themselves to many situations when marking up a website, one of the more useful of these elements is the HTML list. Using lists, a developer can markup horizontal navigation, dropdown navigation, a list of links, and even scrolling content panels with the help of Javascript. These features can help developers […]
csshead 0 Comments

How to Build a Simple Button with CSS Image Sprites

The button is one of the most common elements in the world of the web. In modern web design buttons are used not only on forms, but also as visual aids that draw attention to important elements of the page. Let’s take a look at building a simple button using CSS image sprites, starting right […]
csshead 0 Comments

How To Use Pure CSS To Style Web Form Dynamically

Pure CSS styling of web form can be achieved by changing the border colour or background colour but how about styling a textfield and textarea with a nice round corner background image? Let’s use a contact us form as an example to demonstrate this tutorial. This simple tutorial will show you how you can style […]
csshead 0 Comments

Style a List with One Pixel

A one-pixel background image can be a pretty versatile thing. With repeat-x it can be a horizontal line, repeat-y makes a vertical line, and repeat makes it a fill color. Just as a little fun proof of concept, we can use that to create a depth-chart looking unordered list…
csshead 0 Comments

Sexy HTML List Tricks

Behold the ubiquitous list elements, “ul” and “ol”! These two sexy elements help millions of websites display lists of information in clean, semantic fashion. Without them, we’d be crawling around like filthy cavemen, eating dirt and howling at the moon. But these list elements aren’t just sexy, they are also extremely flexible, enabling us humble […]
csshead 0 Comments

5 CSS tricks with lists

Here are some creative ways to style unordered ul, ordered ol or definition dl lists…
csshead 0 Comments
Next Page »