• Sign in to Neowin Faster!

    Create an account on Neowin to contribute and support the site.

  • 0
Sign in to follow this  

Zindexing is what i want but...

Question

Ludexiz    0

I'm not sure I did it correctly. I have an image in the middle, have some links to the side and then I want another Image (Text image I made in photoshop) to hover over the splash image.

When I used the Z-indexing div it worked, but when the window is resized the position of it changes. I'm assuming I have to use a style sheet to do it, but not sure what kind of code I'm supposed to put. Or can I do it without CSS?

samplef.png

Edited by Ludexiz

Share this post


Link to post
Share on other sites

2 answers to this question

Recommended Posts

  • 0
nvme    3

not entirely sure i know what you mean but would a background-image work for this? do you have an example of some of this laid out already that we can look at?

Share this post


Link to post
Share on other sites
  • 0
Yillb    0

Depending on what you want this might work:

<div style="width:950px;margin:0 auto;position:relative;"><img src="big-image" /><img src="link-image" /></div>

The outer div needs a width, what ever you want it to be, should be the size of the big image; then margin:0 auto will center it, and position:relative will allow the children of the div to be positioned relative to where it is.

Then just position your images absolute, give them z-indexes and that should work.

Hope that helps.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.