This is so simple. I just could not believe that it could be this simple. No complex coding. No javascripting. Just a piece of CSS code. I have been trying to automatically resize images posted in a WordPress powered blog. What I first thought was – it would need a script that would detect and […]


Read More...

W3C is the World Wide Web Consortium, which is an independent organization that manages code standards on the web (e.g. HTML, CSS, XML and others). Microsoft, The Mozilla Foundation and many others are a part of W3C and agree upon the future developments of the standards. If you have been working just a bit with […]


Read More...

CSS operates in three dimensions – height, width and depth. We have seen the first two dimensions in previous lessons. In this lesson, we will learn how to let different elements become layers. In short, this means the order of which the elements overlap one another. For that purpose, you can assign each element a […]


Read More...

With CSS positioning, you can place an element exactly where you want it on your page. Together with floats (see lesson 13), positioning gives you many possibilities to create an advanced and precise layout. The following will be discussed in this lesson: The principle behind CSS positioning Absolute positioning Relative positioning The principle behind CSS […]


Read More...

An element can be floated to the right or to left by using the property float. That is to say that the box with its contents either floats to the right or to the left in a document (or the containing box) (see lesson 9 for a description of the Box model). The following figure […]


Read More...

Up until now, we have not cared much about the dimensions of the elements we have worked with. In this lesson, we will take a look at how you easily can define the height and width of an element. width height Setting the width [width] With the width-property, you can define a certain width of […]


Read More...

Borders can be used for many things, for example as a decorative element or to underline a separation of two things. CSS gives you endless options when using borders in your pages. border-width border-color border-style border The width of borders [border-width] The width of borders is defined by the property border-width, which can obtain the […]


Read More...

In the previous lesson you were introduced to the box model. In this lesson, we will look at how you can change the presentation of elements by setting the margin and padding properties. Set the margin in an element Set the padding in an element Set the margin in an element An element has four […]


Read More...

The box model in CSS describes the boxes which are being generated for HTML-elements. The box model also contains detailed options regarding adjusting margin, border, padding and content for each element. The diagram below shows how the box model is constructed: The box model in CSS The illustration above might seem pretty theoretical to look […]


Read More...

The elements <span> and <div> are used to group and structure a document and will often be used together with the attributes class and id. In this lesson, we will take a closer look at the use of <span> and <div> as exactly these two HTML elements are of central importance with regards to CSS. […]


Read More...

Buy Me a Coffee

If i helped you earn more buy me a coffee it will help me to work on more projects :)

Recent Posts

Download Android App

Tags