How to put a css line under the main menu?

Hello guys, I want to put a css line under the main menu, how can I do that?

thanks

Couple of ways you can do it, this is just 1 way:

mega.css line 19

.gk-menu {
margin:0;
border-bottom:1px dashed #FFFFFF; <--- Added
padding:0 0 6px; <--- Added



You can see I added 2 lines of code for the border and for the padding to push the border down a little bit. This last line will determine how close the border is to your menu.


I haven't checked this in IE, I just did it real quick with Firebug in Firefox, an addon every Web Developer should have.



You could add a div under the menu to create the border as well.

You'll have to edit some other lines of CSS because that bottom padding pushes a lot of other elements down. So this might not be the best way to do it.

but I need to put something under.. to separate the menu and the logo.

what is the best way to do it?

thank you for the interest.

You'll need to setup a new <div> and create an image for the dotted line and updated your css file.

Let me look at the template code and I'll post how it can be done for you to test to see if you like.

please show me the site your working .