Create Pure Css Dropdown Menu

Drop Down Menu
Dear Friend; It is long time now that i have post on my blog. Today i will show you a simple dropdown menu using only css, that mean there is no java script and no jquery. So lets start...

First create a xhtml then we will add a css file to it.

Read more: Create Pure Css Dropdown Menu

CSS Tips, Tricks, and Techniques for Your Website

01. Horizontal Centering

To horizontally center block level elements in CSS you need three things. You need to explicitly set a width on the element, set the left and right margins to auto, and include a proper doctype to keep older versions of IE from going into quirks mode.

  1. div#page {width: 960px; margin: 0 auto

The above will center the div with an id of page inside it’s parent container.

Read more: CSS Tips, Tricks, and Techniques for Your Website

CSS Drop Up Menu

We always look for Drop Down menu now Some time we want to make it interesting so here i am showing you Drop Up menu and it's code. it is pretty simple. flow the heml code and css code you will find a Drop Up Menu.

Read more: CSS Drop Up Menu

Css Simple Menu


This is a simple css horizontal menu (Prefect forJoomla).


<div id="top">


<li id="current"><a href="#">Home0</a></li>

<li><a href="#">Home2</a></li>

<li><a href="#">Home3</a></li>

<li><a href="#">Home4</a></li>

<li><a href="#">Home5</a></li>

<li><a href="#">Home6</a></li>

<li><a href="#">Home7</a></li>



Read more: Css Simple Menu

CSS Multiple ID

It possible to have multiple IDs in one css. it will help u to optimize your code and no need to right same thing again and again.

Try Below :

#one, #two, #three, #four {

your css code;


Simple :)

just comma (,) after every ID or Class

DMC Firewall is a Joomla Security extension!