• 0

Zindexing is what i want but...


Question

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
Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

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?

Link to comment
Share on other sites

  • 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.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.