Solved

assistance with my header menu

Posted on 2013-10-22
9
215 Views
Last Modified: 2013-10-28
This is another follow a question I posted yesterday:

http://www.experts-exchange.com/Web_Development/Miscellaneous/Q_28272726.html

I now want to insert an image on the left hand side of the navigation menu. When I do that, it raises the top portion of my menu up and doesn't allow the slanted border to rest snuggly on the bottom portion. Like I said in my other post, I'm more of a web dev guy and not a design guy, so I'd greatly appreciate some help on what seems to be such a simple task to do :)

you can see what I'm looking to do here:

http://www.experts-exchange.com/Web_Development/Miscellaneous/Q_28272726.html

Cheers
Josh
0
Comment
Question by:Big Monty
  • 6
  • 3
9 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39591599
Add margin-top to .topmenu and just adjust so it sits on top of the bottom menu.
0
 
LVL 32

Author Comment

by:Big Monty
ID: 39591640
i had tried that but it pushes both menus down, not just the top one
0
 
LVL 32

Author Comment

by:Big Monty
ID: 39591645
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39591660
In .topmenu {} remove the height and add
margin-top: 56px;
0
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
LVL 32

Author Closing Comment

by:Big Monty
ID: 39591708
beautiful, thanks again!
0
 
LVL 32

Author Comment

by:Big Monty
ID: 39592977
quick question - I'm trying to vertically align the menu item texts, and nothing seems to be working. I tried adding a line-height property but that didnt work. Any suggestions?
0
 
LVL 58

Expert Comment

by:Gary
ID: 39592996
If the LI is 50px high then you need
line-height: 50px;
0
 
LVL 32

Author Comment

by:Big Monty
ID: 39593003
could have sworn I tried that...guess not, thanks again
0
 
LVL 32

Author Comment

by:Big Monty
ID: 39605953
@Gary - any chance you could look at

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_28277678.html

is there any way around this issue without having to change the format of the menu?
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

747 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

14 Experts available now in Live!

Get 1:1 Help Now