In this article we cover how to do a basic horizontal menu using css and html. We can do it two ways, using list elements or using divs. We cover the two methods here.   Creating a Horizontal Menu Using Lists.   Creating the HTML Markup for the Horizontal Menu. First we create a unordered list of items in html.... Read More

In this brief article we describe the basic steps to center a div on a page.  There are multiple ways to do this, but we show you the one that is used the most in the web desing world. To center a div on a page the first thing you need is to create the div you want to center. <div id=”center-div”></div> then add… ... Read More

Like some friend of mine said “CSS is like wine, gets better with time”. With the new revision of CSS (CSS3) we can expand the limits of our imagination to create beautiful things for the web with a little bit of creativity, experience and a coup of coffee… well, the coffee is optional and at the same time give us a lightweight SEO friendly  site.  Without using images or JavaScript… ... Read More

Drop Caps are the first letter of a paragraph that is larger than the rest of the text . Drop Caps are used for many years in magazines, newspaper and desktop publishing giving the readers a first nice impression and the push to read more. In website publishing it is a very good way of creating a more stylistic, attractive and readable text.  So, this is how we can create a drop cap with… ... Read More

The  text-shadow property allows you to make very cool shadows for the text in your pages with CSS. This property is very useful because now you don’t have to use static images made in some artistic image editor for presenting text with shadows. With CSS3 this functionality is embedded and instead of having a image, that can’t add the same value as text for search engines, take more time to load and occupy… ... Read More

With CSS you can easily add  background images or color to your html elements (div, paragraphs, etc) . In this post we will see how to work with the css-background-image proprieties, make some examples and  give some  tips and tools.... Read More

Another interesting addition  of the new CSS is the capability to  create shadow boxes  with the box-shadow property. Here we cover the basics on how to use it, browser support, tips, useful tools and examples.... Read More