Problem making a banner link to...

User 425116 Photo


Registered User
19 posts

Hi there,

I have a problem that is most probably laughable but I am very beginner level still!!

I have joined one of these 'affilliate links' to sell products through my links page. When I was approved I was sent some banners to choose with an HTML code.

I went to the 'HTML Tool' in VSD and made a small box. I entered the code and it all seemed to work fine. However, when I went to check it the banner is not actually acting as a link to the page. I am sure it's supposed to!

I would greatly appreciate some help.

The link I am talking about can be found here...

http://www.justinbrownguitar.com/Links.html

I don't know if I am supposed to add anything else in VSD?
User 597929 Photo


Registered User
1,332 posts

It looks like you have two banners in there on top of each other.

<A href="http://www.musicroom.com?kbid=4006&img=banner1.gif">

<img src="http://www.musicroom.com/affiliates/banner1.gif" border=0></a>


This one (above) should show a banner and function as a link. As to this one:

<img src="http://www.musicroomaffiliates.com/showban.asp?id=4006&img=banner1.gif" border=0>


I think you can get rid of this part and see what happens.
"You can't be a real country unless you have a beer and an airline - it helps if you have some kind of a football team, or some nuclear weapons, but at the very least you need a beer." -- Frank Zappa

Visit Spinland Studios: http://www.spinland.biz
User 425116 Photo


Registered User
19 posts

Oh cool. Thanks for that. I will try it when I get home (I'm at work) and let you know how it goes....
User 463058 Photo


Ambassador
1,085 posts
Online Now

I'm not sure how you would fix this in VSD. Have you tried deleting the entire banner image link and the box you created for it, and then recreating a box and inserting the banner code? That might be the easiest solution (perhaps the only solution with VSD).

The problem that you are facing here is one of stacking order for different page elements. If you have a link on the page and then you have something positioned on top of that link, you won't be able to click the link because the mouse can only click on the top-most "layer" or element. It doesn't "see" links or anything else beneath the top level.

The following CSS info may make your eyes glaze. If so, try the suggestion in the first paragraph.

What you have is banner code within div.Object16655 (the small box you made to insert the html into). It has a z-index of 9.

You also have div.Object16657 which has a z-index of 11.

They both have the same positioned parent element, so whichever one has the higher z-index ends up on top of the other as far as the mouse is concerned. So, if you can change the z-index of banner Object16655 to 12 or higher, your banner link will be clickable.

Alternately, you can remove the content that is extending over the banner, specifically, a bunch of blank lines produced by repeating break tags (<br>).

If VSD doesn't allow you to do these, then use the suggestion in the first paragraph, and hopefully the new banner will be given a high enough z-index.
User 425116 Photo


Registered User
19 posts

Wow!! That is full on!! :lol:

Thanks very much, I semi understand what ou are saying. I think it will be ok when I am actually trying it. Thanks very much.

Justin

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.