The property can be used just to the right or left u sing the property float. So the box with the content floats on the right either the left.

How can we do it?

The HTML code looks like this :

continue reading "Floating elements"

The <span> and <div> elements are used to group and structure a document and are used with the attributes class and id. In the following tutorial we will have a close look at the how we use <span> and <div> since these two elements are very important to CSS.

Grouping with <span>

<span> it can be called a neutral element and it is not adding anything to the doc itself. Though with CSS, <span> can be used to add visual features to specific parts of text to some documents.

continue reading "Elements Grouping (span and div)"

In the following tutorial we will show you how to make your first style sheet. First you will know the basic CSS model and the codes that are necessary to use CSS in a HTML document.
Basic the properties used in a CSS are similar with those used in HTML. So if you are a ‘legend’ in using HTML then for sure you will recognize the codes.

CSS syntax

A basic great  color for a background web page;

With HTML we will do it like this :

continue reading "CSS working Techniques"

What is CSS is in fact ?

For a while CSS is no longer something that represents what we call ‘unknown’. The following so called article/tutorial will teach you what CSS is and what it can do for you. So CSS is an acronym for Cascading Style Sheets.

What can we do with CSS ?

Simple and with no more other introduction, CSS is the language that defines layout of HTML documents. CSS is covering lines, height, width, fonts, margins, advanced and other things.

HTML is being used to add layout to a website. CSS offers a great and large gamut of option and is more accurate and sophisticated. All the browsers are supporting CSS today.

continue reading "CSS Definition"

Since CSS has become so strong and high recomanded on projects, we will slowly reduce the number of HTML tags that we are using all the time. And doing that we are still able to make impressive and nice looking layouts pages by using 6 types of HTML tags.

Example of tags that we will use to layout the content :

<h> Heading tags that range from are <h1></h1> to <h6></h6>, these are going to mark the headings in the pages. <h1> shall be the most wrapped and the last important <h6> tag.

continue reading "CSS Cut Number Of Tags Used"

  CSS represents an acronym for ‘Cascading Style Sheets’. And for those who are using it CSS is a an extension of HTML who allow you to style your web page. We can start by making a simple example of style changes to make words bold. In HTML you would use <b> like :

<b>Strong  bold</b>

continue reading "Intro To CASCADING STYLE SHEETS"

Last year and most of all 2006 was very productive, when it comes for design concepts. During that we have seen many non design spaces, but also lots of usable text design, stars, rounded corners, shapes, 3D-effects, and others. We have collect here some of the most spectacular and professional design ever. Have a look.

Shocking Design

Oliver Danchin

continue reading "Professional and Beautiful CSS - Based on Design Concepts"

  Padding offers you the ability to change the default padding that exists in some HTML typo (tables, paragraphs, and others). First lets define padding. Padding represents the space from an element’s border and the content within it.

We have attached an example bellow for a visual representation. P.S : The border is made visual for all the elements, so you can see the effects of padding.

continue reading "CSS Padding"