Expiring Today—Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Need to get a menu to be hortizonal

Posted on 2014-02-18
5
Medium Priority
?
189 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 2000 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

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

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

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 …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
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 …
Suggested Courses

719 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