Iframe Layer Problem ...Please Help

Discussion in 'HTML & Website Design' started by bowser89, Nov 30, 2010.

  1. #1
    Im sure i am missing some codes. I have ads under a image using a iframe. If i put the ads on top of the image you can click them, but when i but them underneath the photo you cant click on the ads. i would like to change the color of the ads to white also. They are supposed to be invisable but they are not.

    any help with this problem would be greatly appreciated.

    As of right now i left the ads on top of the image so you can see what is wrong.

    Link: http://twatempire.com/twatempi_craigslist/archives/175
    Code:

    <style>
    iframe{
    opacity: 0;
    border: 0px none transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 300px;
    width: 250px;
    filter:alpha(opacity=0);
    }
    img{
    position: absolute;
    top: 250px;
    left: 20px;
    height: 300px;
    width: 300px;
    }
    </style>
    </head>
    <body>
    <div>
    <img src="XXXXXXXXXXXXXXXXXXXXXX"/>

    <script type="text/javascript" obj.style.display = 'none'; src="XXXXXXXXXXXXXXXXXX"></script>

    </div>
    </body>
     
    bowser89, Nov 30, 2010 IP
  2. bowser89

    bowser89 Greenhorn

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #2
    i cant believe no one on here knows iframe coding.

    foreal damn i guess i got to go to blackhatforums for help
     
    bowser89, Nov 30, 2010 IP
  3. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #3
    radiant_luv, Nov 30, 2010 IP
  4. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #4
    With an attitude like that, it's no wonder you didn't get a huge response...

    Your Code ( from the link above ) is a mess....
    
    					<style> 
    			iframe{				opacity: 0;
    				border: 0px none transparent;
    				position: absolute;
    				top: 0px;
    				left: 0px;
    				height: 300px;
    				width: 250px;
                                                       z-index:998;
    				filter:alpha(opacity=0);
    			}
    			img{
    				position: absolute;
    				top: 250px;
    				left: 20px;
    				height: 300px;
    				width: 250px;
                                                       z-index:999;
    			}</p>
    </style>
    
    Code (markup):
    You have </p> tags in the <style> etc... Overkill on the Css border property for the iframe...

    You've got 3 instances of the same js call..
    
    <script type="text/javascript" src="http://adhitzads.com/150933"></script> <script type="text/javascript" src="http://adhitzads.com/150933"></script> <script type="text/javascript" src="http://adhitzads.com/150933"></script> 
    
    Code (markup):
    So, to be honest, with a mess like that with your attitude, you could very well be on your own big guy!
     
    workingsmart, Nov 30, 2010 IP
  5. bowser89

    bowser89 Greenhorn

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #5
    i wasnt trying to be a dick, its because i have been searching every forum i could to fix this nonstop for the last 3 days. I got the code from a friend he couldnt get it right.

    any help would be greatly appreciated

    the three js calls are for 3 ads, i just dont know what to add to the code to make the ads clickable through the image.
     
    Last edited: Nov 30, 2010
    bowser89, Nov 30, 2010 IP
  6. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #6
    I echo same as "WorkingSmart". You should be showing your attitude where it needs not where you comes to seek help from a community. Remember you are seeking help so having some patience is recommended, YOU DON'T OWN THE FORUM and it's users (We are not at your service to provide support to your issues) . somebody may get back to you with reasonable solution to your issue rather than pointing you to the wrong direction. Besides you should first validate and clean your mess.
     
    radiant_luv, Nov 30, 2010 IP
  7. dmvictoria

    dmvictoria Well-Known Member

    Messages:
    400
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    140
    #7
    A simple way around this could be to put clickable image maps on the picture over the area where the ads will be. However, I find what you are trying to do somewhat suspect and I question your motives. Occluding ads is usually a violation of the TOS of just about any advertiser and could get you banned.
     
    dmvictoria, Nov 30, 2010 IP
  8. bowser89

    bowser89 Greenhorn

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #8
    thanks very much for the replies i will look into it
     
    bowser89, Dec 1, 2010 IP
  9. bowser89

    bowser89 Greenhorn

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #9

    Thanks alot! I got the clickable image map way to work. I owe ya.
     
    bowser89, Dec 1, 2010 IP
  10. dmvictoria

    dmvictoria Well-Known Member

    Messages:
    400
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    140
    #10
    Glad I could help.
     
    dmvictoria, Dec 1, 2010 IP