Solved

Need to get a menu to be hortizonal

Posted on 2014-02-18
5
183 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

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…

809 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