Solved

Need to get a menu to be hortizonal

Posted on 2014-02-18
5
176 Views
Last Modified: 2014-02-18
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
Comment
Question by:Rowby Goren
  • 3
  • 2
5 Comments
 
LVL 9

Author Comment

by:Rowby Goren
Comment Utility
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
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
Comment Utility
Add to HtmlStyle.css line 58

#menu ul {
display:inline
...
}
0
 
LVL 9

Author Comment

by:Rowby Goren
Comment Utility
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
 
LVL 58

Expert Comment

by:Gary
Comment Utility
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
 
LVL 9

Author Closing Comment

by:Rowby Goren
Comment Utility
Thanks for helping.  I also got rid of that extra padding.

Rowby
0

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now