Archive | CSS RSS feed for this section

The fast way to center a block element

1 Jan

There are several ways of centering a div (or ‘layer’ in Dreamweaver speak). I’m going to show the one I think is easiest to implement because all it takes is a snippet of standards compliant code, and a doc type change. (more…)

CSS Navigation Buttons or menu

1 Jan

This is a great example on how you can use CSS for the navigation
on your website. No images required, so it loads fast, but still gives you mouseover effects.
Play around with the colors to change the buttons. (more…)

CSS Bugs

1 Jan

This is a list I keep of solutions to common CSS
bugs I encounter during development. Instead of
having to look up my previous websites to figure
out how I worked around browser bugs, I’m aiming to
keep a comprehensive list here over CSS bugs in
various browsers. (more…)

CSS Borders

1 Jan

There are many ways to make borders look differently with CSS, altough the use of border-style most commonly seem to be limited to border-style: solid. It can often be beneficial to use the capabilities within CSS instead of creating a graphic, gif, jpg or png.

Imagine being able to change the border or frame of all illustrations on your site with some keystrokes. Going from a 1px solid black line to a 4px dotted or 3d looking frame can give your images a brand new feel and look. (more…)

CSS Blinking Text

1 Jan

Blinking text was one of the most dreaded homepage effects in the 90’s. It was easily achieved by using the <blink> tag and was viewed upon as a real newbie thing to do. The <blink> tag is now a deprecated HTML element, but in the name of moving presentation/style to CSS, there is now a CSS equivalent. (more…)