Solved

Need to get a menu to be hortizonal

Posted on 2014-02-18
5
184 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
ID: 39868927
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
ID: 39868948
Add to HtmlStyle.css line 58

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

Author Comment

by:Rowby Goren
ID: 39869030
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
ID: 39869036
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
ID: 39869207
Thanks for helping.  I also got rid of that extra padding.

Rowby
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
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 …

679 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