Back To Website Design Forum

z-index Property

  • Dan030981
  • Novice
  • Novice
  • User avatar
  • Joined: Oct 16, 2011
  • Posts: 18
  • Loc: Mass
  • Status: Offline

Post July 28th, 2012, 6:43 pm

I don't know if I'm attacking this correctly but as you can see from the attached image. The user profile picture is going underneath the menu bar. I tried to use z-index Property but I'm not sure if this is the right way to go about it. I would love to get some help on this matter or put in the right direction.
Attachments:
Screen Shot 2012-07-28 at 9.38.57 PM.png
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 28th, 2012, 6:43 pm

  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Joined: Aug 04, 2008
  • Posts: 846
  • Status: Offline

Post July 28th, 2012, 11:09 pm

yep, z-index is the right direction. In order to use z-index, the rule that you're applying it to has to also have postion of either absolute or relative applied to it.

Code: [ Select ]
.profile {
  position: relative;
  z-index: 1;
}

.menubar {
  position: relative;
  z-index: 0;
}
  1. .profile {
  2.   position: relative;
  3.   z-index: 1;
  4. }
  6. .menubar {
  7.   position: relative;
  8.   z-index: 0;
  9. }
Use your words like arrows to shoot toward your goal.

Page 1 of 1

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 91 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.