DivitoDesign

Everything for the Web Professional

Category: CSS

CSS is the markup language that is used all around the web to style websites. In this section of DivitoDesign, you will learn all about this fairly easy to use web language.

How-to: DropDown CSS Menu

Announcement I will update this article. Back in the days, this worked. In 2011, there are better ways, updated languages in HTML 5 + CSS 3 and many more options. Expect an article explaining this before 20 June. Due a large stream of requests for the horizontal, drop-down version of the Vertical CSS menu tutorial, [...]

66 Links To Learn The Webdesign Basics

In the past, DivitoDesign has learned you how to start blogging and many people have learned from that. So I thought, why not give beginners some articles that help you to start with webdesign in general.I remember the time I started out and it wasn’t easy, simply because I didn’t know where to begin. It’s [...]

Remove The Dotted Outline On Links

There are so many things possible when we talk about links and CSS. You could change almost everything you want and all around the internet we see different link styles we have never seen before. That is the greatness of CSS and the creativity of people. Today we will discuss the use of a dotted [...]

One image = Multiple images

We are always interesting in speeding up our website in every available way. Today, I have thought of a small, yet smart trick to improve the loading time of our website by optimizing the images we use. With a small CSS trick, we are able to use only one, big image instead of a number [...]

Format accessible forms using CSS

In this CSS tutorial we will look deeper inside the building of a form. You see forms everywhere on the web and they are most often used to gather information about the visitors. The examples are everywhere: contact forms, polls, surveys, search forms. There are a couple ways to produce a proper formatted form. A [...]

Usability Upgrade for Forms With :focus Selector

Today we will try to improve the usability of our forms, using the :focus selector. Unfortunately, this selector is only supported by Firefox, Safari and Opera. The Internet Explorer family completely ignore it: Example: Therefore we are able to use it for the other browsers as IE will not preform any action when :focus is [...]

The MouseClick Effect With CSS

In this article you will learn about the MouseClick effect and you’ll learn how to use this in your own website or blog. It isn’t too hard to understand and nice to know. What is a MouseClick effect? The MouseClick effect is everything you will see when you click on a link item. In JavaScript, [...]