Jump to content
jimfog

positioning an image

Recommended Posts

take a look at this fiddle....I have placed an image(it is a blue arroe) in the mails menu item with a class name of show_inf....

Despite positioning it absolute it appears inside the the user_stats menu item(I cannot understand why it appears there)....I want it to appear inside the mails menu item as depicted in the HTLM-which is it's parent element anyway.

 

What is wrong here?

Share this post


Link to post
Share on other sites

It is not inside the user_stats menu item, it is in front of it, 40 pixels from the left and 0px from the top of the #iconscontainer element.

Share this post


Link to post
Share on other sites

let us clarify some things....take a look again at the HTML of the fiddle....the image is placed inside the mails menu item...the problem is that it appears in front of the user stats menu item.

I do not want that of course...so how can I fix it?

Share this post


Link to post
Share on other sites

That depends on where you want it to appear. The code you write does exactly what you tell it to do.

I don't know what you want, so I can't tell you how to do it.

Share this post


Link to post
Share on other sites
11 hours ago, Ingolme said:

That depends on where you want it to appear. The code you write does exactly what you tell it to do.

I don't know what you want, so I can't tell you how to do it.

I am finally getting it...a parent element is different from an ancestor somehow...there is an overlap though in some cases.

here is what I want to do:

When the user clicks a menu item I want the arrow to appear directly below that menu item.

Now clicking the mails(I do not use a click handler in the fiddle,a placed the arrow image inside a menu item just for demo purposes so as to find the problem) item the arrow appears somewhere else....

What do you propose?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...