I am trying to create a css based image rollover navigation bar. For some reason, I can not get the images in the right place. I was hoping someone could help.
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I am trying to create a css based image rollover navigation bar. For some reason, I can not get the images in the right place. I was hoping someone could help.
One of the first things that sticks out is that you are trying to use postion:absolute, but you don’t have the position of the parent container defined. In order for absolute positioning to work, the parent element must have a position other than the default static position.
You also seem to be using display:block in a bunch of places where it is either redunant (LI are already block elements) or not needed since you are displaying the menu items inline. Using diplay:block inserts a line break after the element you are displaying as a block.