Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 200
  • Last Modified:

Need to get a menu to be hortizonal

Hello

I'm having a problem matching an existing menu from a site that I need to recreate for an upgrade.

My issue is with the main menu. It's inside a table and i can't change that.  

But I can't figure out how to make what is now a vertical menu to be horizontal.  I thought I seem to recall that I need to add something called "block" or inline???

So I ask your help.

In my next comment I'll post the url to the dev site:

Thanks!

Rowby
0
Rowby Goren
Asked:
Rowby Goren
  • 3
  • 2
1 Solution
 
Rowby GorenAuthor Commented:
Hello!

Here's the link to the dev pages:

dev pages

Here's a screen capture of what the header menu should look like:

Yes, it's table.  But that's how it must stay.
0
 
GaryCommented:
Add to HtmlStyle.css line 58

#menu ul {
display:inline
...
}
0
 
Rowby GorenAuthor Commented:
Hi Cathal,
Works!

I moved the css to custom.css


Here's the code:

#menu ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
  display:inline
}

Open in new window


Do I need to keep overflow:hidden?   I guess so.... :)

Otherwise it's fixed!

Thanks!

Rowby
0
 
GaryCommented:
Not doing any harm but you can get rid of it.

You might want to get rid of the padding in .bigContentDiv {...} line 374 as well, or at least zero out the left/right margin
0
 
Rowby GorenAuthor Commented:
Thanks for helping.  I also got rid of that extra padding.

Rowby
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now