Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Exclamation z-index problem? - NOW RESOLVED.

    http://www.exitfegs.co.uk/HoverText.html

    This program when entered has a small Home icon at the top left.
    When a name is selected a picture will come up which will hide the icon. As it returns the program to the home page, I would like the Home icon to always show through. Is there a way to do this. I have tried various settings of z-index with no joy.



    Frank
    Last edited by effpeetee; 12-26-2007 at 12:20 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Hah, you have a method of doing it on your site. Just use text instead of images.
    Last edited by Apostropartheid; 12-24-2007 at 10:17 PM.

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by CyanLight View Post
    Hah, you have a method of doing it on your site. Just use text instead of images.
    Yes but those images are transitory. I want to do it with static images and then click the icon to return.
    Also, I would like to get the z-index problem sorted in my mind.

    Frank
    PS: Your link left out the f in exitfegs (It is already in my signature anyway.)
    PPS: Happy Christmas and a prosperous New Year.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Changed =P
    There's no real way of doing this, seeing as it's a JPEG file. You have a couple of options, though.
    • Use a frameset.
    • Link to a static page.
    • Use a dynamic page which changes the img's SRC when you query it.
    • Use Javascript to put it on the page you have already.
    Merry Christmas

  • #5
    Regular Coder
    Join Date
    May 2006
    Location
    Wales
    Posts
    820
    Thanks
    1
    Thanked 82 Times in 79 Posts
    Also, I would like to get the z-index problem sorted in my mind.
    If I remember correctly z-index works only on formatted elements

  • #6
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    You see, you're linking directly to the image. No HTML can appear here, as the MIME type is image/jpeg. If it were text/html or application/xhtml+xml (or any other MIME, for that matter) it would appear as a lot of random digits. Try opening an image in Notepad and you'll see what I mean.

  • #7
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by CyanLight View Post
    You see, you're linking directly to the image. No HTML can appear here, as the MIME type is image/jpeg. If it were text/html or application/xhtml+xml (or any other MIME, for that matter) it would appear as a lot of random digits. Try opening an image in Notepad and you'll see what I mean.
    Hello Both,

    Some time ago I had a program where I wanted to use the images and thumbs to use by clicking the thumbs and getting the main jpeg on screen which I then wanted to get back to the index page. I managed to make it work without linking each seperate image by linking the Div that they were in.
    I cannot find the program now, but it worked well (to my surprise because I did not know why!) and had merely found it by trial and error.

    Have you any idea how I did it?

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #8
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Any post-Christmas thoughts?

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #9
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,316
    Thanks
    29
    Thanked 280 Times in 274 Posts
    Quote Originally Posted by effpeetee View Post
    This program when entered has a small Home icon at the top left.
    I don’t see the mentioned icon. Maybe that’s because Mozilla Firefox hides elements with a negative z-index value though.

    Quote Originally Posted by Mwnciau View Post
    If I remember correctly z-index works only on formatted elements
    It only applies to elements with position property values relative, absolute, and fixed.

    Quote Originally Posted by effpeetee View Post
    Any post-Christmas thoughts?
    I’m not quite sure what effect you’re aiming for, but it sounds like something that would be done via scripting. For an example, see http://www.jsgp.us/demos/cf130209.html.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • Users who have thanked Arbitrator for this post:

    effpeetee (12-26-2007)

  • #10
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Arbitrator,

    http://www.exitfegs.co.uk/HoverText.html

    This will explain better.

    The small icon top left needs to stay on top of the image.

    EDIT This thread I seem to have mixed up with my other current thread about hyperlinks to Div's

    Sorry about that, but ultimately they are about the same project. But your solution to this given above solves the Z-index part.



    Frank
    Last edited by effpeetee; 12-26-2007 at 12:51 PM. Reason: Mix-up
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •