Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

Appreciate any help you can give on these webdev problems.

  • 19-04-2011 9:51pm
    #1
    Dr. John Fist
    Closed Accounts Posts: 1 ✭


    Hey guys, so this is my first post on boards and to this forum, so I'd like to preface my annoying questions with a hello: hello!

    Anyway, on to my queries; so I'm putting together a simple site for a mate of mine which I've got located on a different mate's server, the homepage(which is the one I'm doing changes in) is: here.

    I'm having some problems in IE that aren't an issue in Chrome/Firefox (of course!); anyway so the issues I'm having are as follows:

    Image not fading in correctly

    On the right-hand side of the page I have three small images; when you click them a larger version is meant to fade in within the center of the browser window. The fade-in does not work in IE, althought the image does appear and disappear when clicked.

    I've looked around, and one potential problem I've found is the image or it's containing block not having a value of true for it's hasLayout value. I read that using the zoom: 1; value can fix this in IE but it hasn't worked for me.

    Pop-up div not disappearing after clicking a certain image

    In IE if you click the image of the guy wearing a fluorescent medic's top, it appears as any of the other images, but when you click it to remove it, there is a small, black spot in the middle of the browser window. This one had me pretty perplexed; from what I can tell, something about this image - it's dimensions? - has stopped the pop-up div from having it's z-index value set correctly (I'm assuming).

    Anyway, any thoughts guys? I'll leave pastebin links to the php and css text here:

    CSS
    PHP

    p.s. Sorry for the messiness of all the code, I'm not really a developer/web-dev.


Comments

  • #2
    DonkeyStyle \o/
    Closed Accounts Posts: 7,145 ✭✭✭DonkeyStyle \o/


    The first thing I'd do is get jquery on the case, they've gone to great lengths to iron out the many little cross-browser issues. So what ever you're trying to implement has the best chance of working on every browser.
    Also they have some neat effects and plugins which might suit the task right out of the box.
    In the time you'd spend looking into the various browser quirks and trying to fix what you have, you could be up and running with a working version using jquery.


  • #3
    Razzuh
    Registered Users, Registered Users 2 Posts: 184 ✭✭Razzuh


    +1 jQuery. You're much better off using this and having it worry about browser compatibility. I use Opera myself, and your current setup doesn't work in that either.

    If you're not used to javascript and find it tough going, I suggest you just use CSS. You can achieve a very similar effect using CSS :hover and have the larger image pop-up (without the fade effect though). It's much more simple to implement.


Advertisement