Search Engine

Wednesday, February 17, 2010

Make a Drop Down Menu With Same Width

Hi every body ! meet you again at my new tutorial. Several weeks ago, I'm ever posting about How to make a drop down menu at this post. One of my reader ask to me, it's the question :

Hi Rohman,

Thanx for the piece of code! Now I have a set of drop down menus on my blog. But I have one query... Is there any way I could have them all of the same width? It kinda looks ugly to have different sizes for each drop down menu... Thanx in advance!

Allright, i will give you an example :

Is there looks ugly for you? don't worry, you can make a drop down menu with same width. Only add a little code, your menu will looks with same width. it's the code :


200px is value of width, you can change this number with other value, maybe 150px, 220px, or other value.

Now, i will give you an example. this is my previous code :

the results :

And this is the code with : style="width:200px" :

the results :

What dou you think about this? looks prety?

Except same width, with style you can manage the other function such as the color of alphabet, background of your menu, and etc.

for example :


#ff0000, #B2DDFB is the code of color, you can change this code with your color code.

this is the example of drop down menu with color and background color :

the results :

Hmmmm.. how do think about this menu?

If you feel enjoy this post please Digg It!

I think enought for today, see you at my next tutorial. Happy blogging.


Post a Comment