0

EASY READ: How do I move a spry menubar over about 20px to the left or the right (doesn't matter) with the code I'm using here (yes margins have to be like this).

COMPLICATED READ: So what I'm trying to do is put a horizontal spry menu bar on top of the header, add the header as a background so that it blends in, and make it so that it stands out when you mouse over it. Can't seem to make the menu bar get on TOP of the image though... Ideas?

I KIND of have the idea with this:

ul.MenuBarHorizontal {
     width: 768px;
     margin: auto;
     position:relative;
     top:-50px;
     margin-right: auto;
     margin-left: auto
}

But I can't move it left or right without messing up margin-xxxx tags which keep it centered. Is there any way to move it off center without changing the margin tags?

Jonathan
  • 5
  • 6
  • try use `z-index` property like `z-index:100` may solve the issue. – m-t Apr 03 '12 at 18:37
  • Doesn't do anything ;( Thanks for trying though. – Jonathan Apr 03 '12 at 18:41
  • SWEETNESS THOUGH! I just played around a bit more and figured out how to do something somewhat related lol. – Jonathan Apr 03 '12 at 18:43
  • great, and what is that exactly ! – m-t Apr 03 '12 at 18:46
  • The reason I'm trying to get this spry menu bar to line up on top of my header, I want the spry menu bar to be like a part of the image, but change when you scroll over. I think I figured out how to make the header the background and have it lined up right :) Just using background-color:transparent; – Jonathan Apr 03 '12 at 18:47

0 Answers0