Strange problem on website

V

varagtp

New Member
I am having a strange problem (I think?) on my website http://www.varagtp.com/ . First I must say I am very new to coding websites so my skills are extremely limited. I found a nice "bubbleup" script that I use when hovering the mouse over my buttons that I have implemented. The problem now though is that when I added some buttons to the right of the top most banner (the fastspring and desura buttons) some areas of the banner dont respond to the mouse :/

You can try this by moving the mouse over the banner (for the fjong game banner). It seems very random where the mouse actually detects the picture and link. I have noticed that the left side seem more responsive then the right side though.

Also I noticed the same problem on the "Join Newsletter" button at the bottom of the page even though that object does not have any bubbleup script at all (if you hover the mouse around the middle of the button).

Do anyone know what cause these problems and how to fix this?

Thanks!
 
chrishirst

chrishirst

Well-Known Member
Staff member
Could be something to do with the oddly coded line breaks

it's <br> NOT </br> (<br /> for XHTML) but, other than that it will be in the javascript code, which at first glance needs an alt attribute to function correctly, which your images are lacking.
 
V

varagtp

New Member
chrishirst said:
Could be something to do with the oddly coded line breaks

it's <br> NOT </br> (<br /> for XHTML) but, other than that it will be in the javascript code, which at first glance needs an alt attribute to function correctly, which your images are lacking.
Click to expand...

Hm I changed all the </br> to <br> but the problem is still there. What is this alt attribute? It is only the top image that does this strange thing (After I added the two other images to the right off it)
 
chrishirst

chrishirst

Well-Known Member
Staff member
No idea but A: They are required for accessibility and B: the script "looks" for them specifically.

But other than that, ask whomever wrote the script.
 
G

GUDVH

New Member
Instead of: <img src="Thumbs/Fjong.png" title="Fjong" />

How about giving your image a FULL location path, and adding width, height, and border to your line of code? Try the following example:

<img src="http://www.varagtp.com/Thumbs/Fjong.png" title="Fjong" width="888" height="88" border="0" />

I hope that helps... :)
 
Last edited:
S

SWD

New Member
This one is pretty simple guys... The new button he added to the top on the right side of the page, is covering up part of the banner. If you specify the width and height of the button in the img tag, you won't have this problem. Hope that helps.
 
You must log in or register to reply here.
Top