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.

Vertical CSS Menu With a ‘Behavior’ File.

Today, I’ll continue on a topic I wrote about some time ago. A CSS menu. This time we will build a vertical CSS menu with rollover submenu’s. This menu will be written in CSS and HTML, and will use a so-called ‘behavior’ file. What are we going to produce? The menu I’ve made can be [...]

CSS Overflow Property Explained

The CSS property Overflow can be used when displaying content. It regulates the scrollbars. This property is a tricky one, which I had got some problems with in the past. Do you want to expand your DIV’s? Or when they get to a specific height, let some scrollbars appear? Read this tutorial and learn! What’s [...]

CSS Image Preloader

In this article, you’ll learn how to create an image pre-loader without Javascript. CSS is the technique we are going to use. No fancy and hard to understand codes, but the smart use of codes you already know about. Why use an image pre-loader? A lot of websites out there use CSS to display their [...]

Create Smaller CSS Files

This article will tell you how to make your CSS files a bit smaller. You can ask yourself one question; Why shouldn’t you? Read on to find out how to do this. There are only advantages of making your CSS files some smaller. When your website uses a 5k CSS file, you might not see [...]

Create Print Friendly Webpages with CSS

This time, I’ll be explaining the printing possibilities of CSS. Most people visiting this blog are familiar with what CSS can do. Structuring and modeling webpages. But CSS has more possibilities. You can for example, define which stylesheet works on which device. Those can be referred to by the ‘media’ attribute. When you use an [...]

Round Corners with CSS

Let’s start with a ’rounded-corner’ tutorial. In this tutorial you’ll learn how to make them. This isn’t the only method there is to produce round corners; this is just the method I use. First, make two files, called index.html and roundcorners.css. We willl start with the index.html. The code provided isn’t everything you should have [...]

Build a CSS Menu with Rollovers

This article is for people who have little to no experience with CSS. I will explain very detailed which codes to use and how to use them. At the end of this tutorial, you can code yourself this rollover menu, completed in CSS and HTML. !tip ALWAYS check your code on faults. You can validate [...]