Call us

Archive for the ‘CSS’ Category

Giving your blockquotes more style

CSS

One of the projects I am involved with needed the blockquote element to have some more style, so I just thought i’d show you how I did it.
Bit of a basic CSS tip but none the less, some of you may not have thought of it, or knew about it.
Normally, blockquote styles are just indented [...]

Rounded corners galore

CSS

Christian has written another good post over at smiley cat listing tons of techniques for rounding corners on your website.
I personally use Nifty Corners on this site and other sites on the blog network. It’s simple to implement and works well.
His list is constantly updated as he comes across more so it’s a good bookmark [...]

Smarten up your images with borders

CSS

You may have noticed that images in my posts have a nice border around them. This is achieved with simple css. In my style sheet, I added the following:
.entry img {
margin: 5px;
border: 1px solid #ddd;
background: #eee;
padding: 5px;
}
This simply means that every image inside the entry class will have the fancy border. You can change the [...]

Two column table effect using css

CSS

This is a nice easy one that I used when designing a recent website. I wanted the content area to be split into two equal columns, left and right. Like a table with the cell split in two each at 50% width.

Obviously we don’t want to use a table for this so I used this [...]