How to Add Borders to Images with CSS
April 18, 2010
Sometimes, a website design benefits when images have frames – or borders. One way to get them is one image at a time, using a graphics program. But there is a much faster way – with CSS!
CSS Basics
3-Column-Layout
April 12, 2010
The three-column layout is probably the second most common layout used for websites. There’s usually a header and a footer – and then some content, maybe a sidebar for navigation, a column in the middle with some content info, and another column with some additional stuff, whatever that may be. What you put inside your columns doesn’t matter – the way to achieve the 3-column layout stays the same.
CSS Comments
April 8, 2010
Comments in a stylesheet are a good idea. Often, things that are obvious as you write them, make no sense a week or even years later – or to somebody else. So it can be very helpful to include explanations. However, we don’t want to browser to read and render those, as they are not meant to be displayed on the webpage, so we have to hide them.
How to Position Text around an Image with CSS
March 27, 2010
It’s always nice to have some pictures to go along with your text. However, if you just use the html to insert a photo into your text flow, you’ll find that it breaks up the flow of your text and just plops itself ungracefully right in the middle of your paragraph without rhyme or reason.
How to Use CSS to Display Bullet Images
March 27, 2010
With CSS, you have several options for styling list bullets. For example, disk, circle, square, etc. But what if you want to use a specific image for your bullet? With CSS, you can do just that.
Styling Fonts with CSS
March 15, 2010
The FONT tag is dead. Long live CSS! Please help spread the word, too many people STILL have not gotten that memo and merrily use their deprecated font tags (along with the table-based layouts and improper doctypes). But now we all know – no more excuses.
Styling different links differently with CSS
March 7, 2010
On a website, you often have different groups of links that may not all supposed to be looking the same. Usually, you’ll have navigation links and possibly some links within your content at a minimum. But how do you get your navigation links to look different than your content links and those different than your footer links?
Adding a Background Image with CSS
March 4, 2010
Background images, just as the name implies, are part of the BACKGROUND of a website, not part of the actual content. The most common place to add a background image to, is the entire canvas – aka the body tag.
Deleting Browser Default Settings in CSS
March 2, 2010
Every browser has its own default settings for font size, margins and/or padding around certain elements, etc. Webdesigners should aim to have their sites display well on all kinds of browsers, but these different default settings can easily lead to problems.
How to Style a Horizontal Navigation Menu with CSS
February 28, 2010
It’s true: Your navigation items are really a LIST. Bread, Milk, Sugar, Coffee, Home, Contact Us, About, Cheese, Tomatoes, Sitemap. See, it’s a LIST!! And it should be coded and styled like a list.
