The easiest way to make rounded corners on images is obviously by using Photoshop or other graphical software but when dealing with lots of images, this could become extremely tedious. So, what if there was a way of creating rounded corners for all your images using CSS? Well, within this tutorial I’ll show how this can be done.
Category Archives: Web Design
Adding Rounded Corners to Images Using CSS
Bad Day With IE6?
I don’t very often find the urge to post funny video clips but this one had me laughing out loud so felt that it was worth sharing. I wonder how many of the people in this clip were dealing with Internet Explorer at the time?
Simple CSS 3D Button
Creating 3D buttons is usually dealt with by using images but within this very simple tutorial, I’ll explain how regular links can be styled to look like 3D buttons using just a little CSS.
CSS Faux Columns
CSS layouts are extremely flexible but trying to replicate a layout that was easy with tables sometimes causes a few problems. The method of different columns being filled with solid colour and appearing the same height isn’t so easy with CSS but this is where CSS Faux Columns can become extremely useful.
Will my site break in IE8?
There are big changes ahead in the web development industry which has caused quite a stir over the last few days with news that Internet Explorer 8 will introduce version targeting. It’s an interesting concept but what effect is this likely to have on web development now and in the future?
CSS Rounded Corners Revisited
Rounded corners within web design has been a trend for some time now and there are various ways of creating this effect. This tutorial will demonstrate how it can be achieved by using just one circular image and a little CSS knowledge.
CSS Floats Without Text Wrap
Understanding floats is extremely important when creating CSS layouts. One of the trickiest issues when dealing with floats is stopping text from wrapping underneath a floated element.
Within this short tutorial, I’ll explain how this can easily be accomplished with no extra HTML markup required.
100% Height Div
CSS layouts don’t have to be complicated but sometimes the things that should be simple and easy to do seem impossible at first.
Within this tutorial, I’ll explain how 100% height can be achieved cross browser, using CSS.
IE6 – CSS Bugs and Fixes Explained
I hear about designers and developers pulling their hair out all the time saying that Internet Explorer 6 doesn’t do what they expect or that it’s adding hours to development time but is it really the huge problem that everyone makes it out to be or does it just need a little more understanding?
In this article, I’ll hopefully cover the main problems that developers experience with Internet Explorer 6 and explain the solutions for these bugs.
Min and Max Width 3 Column Fluid CSS Layout
Fluid layouts are often shunned by designers due to the perceived lack of control of the design. If the browser window is too small then content can look squashed whilst a large browser window can lead to readability issues due to long lines of content. However, CSS provides us with possibilities to control our design whilst also giving a little flexibility for a fluid layout.