link not working
Permalink
Hello, I am having a problem with a link not working on my sitehttp://www.childtrauma.com/. The link is just below the slideshow on the right, with the text "Please support our cutting edge research..." It should be linking to our donations page, but for some reason when I move the block up to that position, the link doesn't work. With the block in its original position at the bottom of the page, it does work. Why would the block location on the page be affecting the link like this/how can we get the link to work?
As far as I can see, that 'link' is actually a part of a picture (pic_1_resized.JPG) that's used as a background for the DIV that encapsulates that whole area. I have no idea how you got it like that! If forced to guess, I'd say you've positioned the link (and form) within a block or area that converts it into a slideshow. You only want the picture in the slideshow.
For some reason, the slides go over the link and have a z-index that goes from 1 to 2. It's like having layers on top of each other. The link has no z-index so it's at the bottom.
Add this style to the paragraph containing your ink:
It will bring the link back on top and it will work.
Add this style to the paragraph containing your ink:
Position: relative; z-index: 3;
It will bring the link back on top and it will work.
You're right! I missed that.
Perhaps another solution would be to ensure that the slideshow does not go down that far (ie, its height should only encapsulate the image; it should not overlay the link, etc).
Perhaps another solution would be to ensure that the slideshow does not go down that far (ie, its height should only encapsulate the image; it should not overlay the link, etc).
That was my first thought but (with only a quick check) it seems the height is set by js so not knowing what kind of calculation goes into it, I thought it best to leave it alone.
What's more, if you try to reduce the height even by a few pixels, everything under it (or covered by it) goes up and under the images.
This whole thing is just so weird I think my first solution has the lowest impact and still works.
Would you agree?
What's more, if you try to reduce the height even by a few pixels, everything under it (or covered by it) goes up and under the images.
This whole thing is just so weird I think my first solution has the lowest impact and still works.
Would you agree?
