Archive for the ‘CSS/(X)HTML’ Category

Posted to CSS/(X)HTML on November 20th, 2008

Thanks to everyone for such a warm response to my re-appearance on the net.


Since some of my friends liked the menu behaviour in this blog, I decided to share about the creation process. The CSS involved is really simple, it’s a neat trick actually. And yes, this isn’t my invention, this has been around a lot but isn’t that popular.


To begin with i assume you do HTML/CSS a bit, simply <marquee> won’t do ;).


You can download the source (with sample images) and continue with the tutorial below. If you wish to follow along, just rename the working files provided (html and css) and then make your own new files ( with same names, of course).


Well, here you go, the menu deconstructed.

1. Like always begin with clean markup.

I prefer using unordered lists for the menu items, it makes a semantic markup too.

<h2>
     <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">Contact</a></li>
     </ul>
</h2>

Read the rest of this entry »

Tagged with ,