The following article will show you how can you highlight a page’s link on a navigation menu using CSS code, and no scripting.  When you have a navigation menu, let’s say standard : Home, About, Contact, Products links and the viewer is looking at the Contact page, the link shall be highlight so they are viewing that page.
To do this, you are able by adding a class to the link that direct you to that page. The class must be moved to the relevant link on each page. The method that we have presented now, is very known and more than that, works just fine, though the following tutorial will show you to make it automate the process and make the menu part of an include.

continue reading "Page Indicator in CSS - not scripting"

   Our previous tutorials learned you how to make menus, and many other things that can be very useful when you are developing a website. This time i consider to be useful for you, to make some interesting round corners for a fluid box. The element from inside the box will be colored any way you like, without having to paint the transparent part of the corner in the similar background color.

When you decide to make round corners in CSS, things might be bit pain. So, our work shall be as clean as crystal for you. So, to start making your design first, I will tell you some tips, that I used in this tutorial. First, i used an image in PNG8, but if you don’t have Fireworks you can use Gif for IE.

continue reading "Round Corners in CSS"

The following article is the second Collection of CSS great Resources hand ‘tools’. We have collected here a list of more than 50 web sites which are very helpful and professional for those who expect to start fast web development.

So with no more words, lets start and add some good resources.

Dust-Me Selectors

Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors.

continue reading "CSS Collection II 2008"

We have collected some of the greatest and master CSS website that we have find ‘googling’ recently now in 2008. The niche of these websites is more of Coding, tutorials and master CSS techniques. Hope you will find useful this list and add it to your bookmark fast, because when you are in big trouble you can search trough them great solutions.

Have a great time !

CSS - An Absolute Mess

Sometimes the simplest things can turn out to be more complicated than you ever imagined.

continue reading "CSS Collection 2008"

  The following article explains how to design a pagination to search results or to split a long list of records into more pages.  The following tutorial includes HTML/CSS code which can include Digg-like, Clean pagination style that are ready to use in your development projects.

Pagination structure

You can have four main elements :

•  Standard Page selector
• Current Active page
• Previous/Next
• Previous/Next button/disable

Your design can be made using HTML list/<ul> which have <li> elements for each pagination and give an ID for the <ul> list to assign a specific pagination style to the list.

continue reading "Pagination Style in CSS"

In the following article, we will provide some excellent examples of what you should not do in CSS.

IE. behaviors

Behaviors are a certain way to add HTML elements with the use of CSS style.

How can we make exception and avoid problems? Behavior is supported only by IE. What to use else ? = JavaScript and HTML DOM.

1.Typewriter Simulation

The following HTML element has a <style> that defines an behavior for elements with an id.

continue reading "What you should NOT DO IN CSS"

 Definition and short description of Media Types:

The concept gives you the chance to specify how your document shall be presented in more typo of media. The difference stands in the layout presentation, on the screen, on the paper, with an aural browser.

Media Types :

Attention, some CSS properties are designed for just a certain media. And other properties can be used for different media. “font-size” can be used also for screen and also print media, but with different values.

continue reading "Media Types in CSS2"

Our CSS Properties continues with some of the most used CSS codes in Positioning and Display. We provide here trough this tutorial a short list with some of the most common code that a developer uses in his operations. Hope you find this useful and digg this !

1.float

Values:

• flowing to the left.
• flowing to the right
• (default)

CSS code:

continue reading "CSS Properties - Positioning and Display"