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 11 of 11
  1. #1
    Regular Coder
    Join Date
    Mar 2011
    Posts
    215
    Thanks
    10
    Thanked 1 Time in 1 Post

    Exclamation Fireworks Image map within a css page ( divs) acting wierd

    I made a fireworks image map that will in theory link to different lightboxes. When I integrate it into my html document it works all fine, but when I try to put it into my container and outside container div it breaks,

    if i dont have it within those divs it works fine but i cant center it. The image map itself also seems to be alot bigger than its supposed to be , i made it at 1024X768 but it seems a lotttt bigger. Is there anything Im doing wrong here( well obviously there is haha, but im not sure what)
    I have attached a test link to both instances of the problems Im running into.
    coy-design.com/test/mail.html ( image map works but everything else is outta wack)

    coy-design.com/test/mailcenter.htm ( everythings centered, but still the size problem and the image map does not work anymore)

    Sorry to be a pain, Ive been researching it but so far have not come up with any reason why this shouldnt work.
    Last edited by lmorales; 01-20-2012 at 06:27 PM.

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    The absolute positioning on mailPic is causing your hotspots to not work correctly. When I remove the positioning it seems to work fine.

    Also remove the width set on mailPic and your image map will center up.
    Teed

  • #3
    Regular Coder
    Join Date
    Mar 2011
    Posts
    215
    Thanks
    10
    Thanked 1 Time in 1 Post
    I did as suggested, so far its just breaking the imagemap still, the rollovers arent working. Am I missing something? The image map was made with image swap rollover states


    coy-design.com/test/mail.html
    Last edited by lmorales; 01-20-2012 at 07:19 PM.

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    I was editing your second link:

    http://coy-design.com/test/mailcenter.html

    As you can see in this screenshot, the mouse is hovering over on of your hotspots and it's highlighted.
    Attached Thumbnails Attached Thumbnails Fireworks Image map within a css page ( divs) acting wierd-imagemap.jpg  
    Teed

  • #5
    Regular Coder
    Join Date
    Mar 2011
    Posts
    215
    Thanks
    10
    Thanked 1 Time in 1 Post
    oh!!! OOOO lemme try that!

  • #6
    Regular Coder
    Join Date
    Mar 2011
    Posts
    215
    Thanks
    10
    Thanked 1 Time in 1 Post
    Yeah i dont know why its not working form me, I re-exported the fireworks code with the right sizing and thats the only difference, but its not working as it would seem

  • #7
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,704
    Thanks
    0
    Thanked 234 Times in 229 Posts
    Hi there lmorales,

    check out the attachment, which contains corrected map coding.

    coothead
    Attached Files Attached Files
    Last edited by coothead; 01-23-2012 at 01:32 AM.

  • #8
    Regular Coder
    Join Date
    Mar 2011
    Posts
    215
    Thanks
    10
    Thanked 1 Time in 1 Post
    I dont see the rollovers, whats wrong with my code?

  • #9
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,704
    Thanks
    0
    Thanked 234 Times in 229 Posts
    Hi there lmorales,

    sorry, but I missed the rollover requirement when reading your post.

    This was probably due to one of my "Senior Moments", which come with ever increasing regularity.

    But better late than never, the new attachment will, hopefully, rectify my stupidity.

    coothead
    Attached Files Attached Files

  • Users who have thanked coothead for this post:

    lmorales (01-25-2012)

  • #10
    Regular Coder
    Join Date
    Mar 2011
    Posts
    215
    Thanks
    10
    Thanked 1 Time in 1 Post
    Haha thanks! After I posted that I thought to myself " wow, that was dumb, I can add the rollovers myself, lol!" Thank you! I appreciate all the help!

  • #11
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,704
    Thanks
    0
    Thanked 234 Times in 229 Posts
    No problem, you're very welcome.


  •  

    Posting Permissions

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