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 2 of 2
  1. #1
    New Coder
    Join Date
    Oct 2004
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Rollover problem...

    Can someone take a look at this page and see if the rollover works with Safari 1.2 and 1.2.3. My client is saying the "image transfer button" is not working, but I get it to work on FF PC.

    Site: http://www.diane-etzwiler.com/image_transfers.html

    Thanks a ton!

    -Ryan

    After dealing with the sitcking and rollover bug in Safari, I'm starting to wonder if its worth my time, changing this site from tables to div/css. Also, Everyone has seem to forgoten the double image bug in safari 1.2 when using "sliding doors" technique. This bug is still there on Safari 1.2.3. All you have to do is keep refreshing over and over and you will see the background image apear. The fix is to put background-image: none; in the parent container. Wow, that was a ***** to figure out!!

    So, be aware of Safari, it's still buggy out there. The only site I could find that lists Safari bugs is here: http://dev.l-c-n.com/safari/ All the old sites have taken there bug lists down when 1.2.3 came out. I think some of the bugs still exist. I will be going thru my process and the problems occuring with safari and ie mac on my site http://www.parrfolio.com/thoughts/

  • #2
    Regular Coder
    Join Date
    Aug 2003
    Location
    Loughborough University
    Posts
    427
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Switching to a CSS based layout is definately a good thing. Using semantic mark-up can only improve your the accessibility of your page. I don't know if you noticed, but I didn't say a "CSS/div based layout" since using thousands of div tags is just as bad as using all tables.

    Take a look at the imdex page of my site, there are only 3 <div> tags on it. I know it's not a particularly complicated layout but I hope my point still gets accross, use tables for tabular data only, use the correct tags for the job that needs doing and only use div tags where you just need an extra tag to hang styles on.

    Anyway, onto your rollover problem. Unfortunately I do not have access to a Mac anywhere so I can't test and offer a fix. However, I would very much like to put forward some non-JavaScript rollover code. It should be pretty easy to work into your page as well. I apologise for the seemingly "dodgy" CSS, most of it is to compensate for IE, it would all be a lot simpler if it weren't for IE.
    Code:
    	  height:100px;
    	  padding-top:100px;
    	  overflow:hidden;
    	  height:0 !important;
    	  height /**/:100px;
    Unfortunately you have to specify the height of the link no less that 3 times, I will look into a better method of image replacement that does not require this (I tried the Shea method but IE messes up the rollovers when I use that).
    Attached Files Attached Files
    AMD Athlon "Barton" XP 3200+ (11*200.5MHz = 2.2GHz)
    BFG GeForce 6800 Ultra OC 256Mb
    3 * Kingston 256Mb PC3200 DDR400
    Seagate Barracuda 120Gb Ultra ATA-100 and Seagate Barracuda 160Gb, SATA-150


  •  

    Posting Permissions

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