Image in block problem

[samson]

Not sure if this is a bug but it happens in the default theme and the one I use

when I have an image in a block it works fine

example:
the test 2 block on the top left of my site there is three images menu,forum,irc-chat

www.ligs.us
t
he photos are in
http://www.ligs.us/smf3/wow.html.images/btk1gtr_2.gif

and work great the the problem happens when I go into my forums

example:
http://www.ligs.us/smf3/index.php/topic,606.msg3720.html#new

the image is now broke and it is looking for them in

http://www.ligs.us/smf3/index.php/wow.html.images/btk1gtr_2.gif

I hope you can understand this because I do not knoe how else to describe it.
not sure what I am doing wrong

please help...

[JPDeni]

What is the code you are using in the block?

[samson]

its a script block

Code Select Expand

<!-- Begin XP-Web-Buttons.com -->
<table id="xp-web-buttons.com:id61gtr" width=0 cellpadding=0 cellspacing=0 border=0><tr><td  title ="menu">
<a href="http://www.ligs.us/smf3/index.php" onMouseOver='xpe("k1gtro");'onMouseOut='xpe("k1gtrn");'onMouseDown='xpe("k1gtrc");'><img src="wow.html.images/btk1gtr_0.gif" name=xpwbk1gtr width="91" height="21" border=0 alt ="menu"></a></td></tr><tr><td  title ="forum">
<a href="http://www.ligs.us/smf3/index.php?action=forum" onMouseOver='xpe("11gtro");'onMouseOut='xpe("11gtrn");'onMouseDown='xpe("11gtrc");'><img src="wow.html.images/bt11gtr_0.gif" name=xpwb11gtr width="91" height="21" border=0 alt ="forum"></a></td></tr><tr><td  title ="IRC-Chat">
<a href="http://www.ligs.us/smf3/index.php?page=11" onMouseOver='xpe("m1gtro");'onMouseOut='xpe("m1gtrn");'onMouseDown='xpe("m1gtrc");'><img src="wow.html.images/btm1gtr_0.gif" name=xpwbm1gtr width="91" height="21" border=0 alt ="IRC-Chat"></a></td></tr></table><noscript><a href=http://www.xp-web-buttons.com>Made with XP Web Buttons 3.52</a></noscript><script type="text/javascript" language="JavaScript1.1">
<!--
function xppr(im){var i=new Image();i.src='wow.html.images/bt'+im;return i;}function xpe(id){x=id.substring(0,id.length-1);document['xpwb'+x].src=eval('xpwb'+id+'.src');if(id.indexOf('e')!=-1)document['xpwb'+x+'e'].src=eval('xpwb'+id+'e.src');}
xpwbk1gtrn=xppr('k1gtr_0.gif');xpwbk1gtro=xppr('k1gtr_1.gif');xpwbk1gtrc=xppr('k1gtr_2.gif');xpwb11gtrn=xppr('11gtr_0.gif');xpwb11gtro=xppr('11gtr_1.gif');xpwb11gtrc=xppr('11gtr_2.gif');xpwbm1gtrn=xppr('m1gtr_0.gif');xpwbm1gtro=xppr('m1gtr_1.gif');xpwbm1gtrc=xppr('m1gtr_2.gif');
//--></script>
<!-- End XP-Web-Buttons.com -->

[brianjw]

i dont see anything really wrong with that code. me thinks its a bug.

cource im probly wrong becuz im like a beginner too.

[JPDeni]

Change your image calls from

Code Select Expand


<img src="wow.html.images/btk1gtr_0.gif" ...


to

Code Select Expand


<img src="http://www.ligs.us/smf3/wow.html.images/btk1gtr_0.gif" ...


IOW, use the entire URL for your graphics.

[samson]

Code Select Expand

<!-- Begin XP-Web-Buttons.com -->
<table id="xp-web-buttons.com:id61gtr" width=0 cellpadding=0 cellspacing=0 border=0><tr><td  title ="menu">
<a href="http://www.ligs.us/smf3/index.php" onMouseOver='xpe("k1gtro");'onMouseOut='xpe("k1gtrn");'onMouseDown='xpe("k1gtrc");'><img src="http://www.ligs.us/smf3/wow.html.images/btk1gtr_0.gif" name=xpwbk1gtr width="91" height="21" border=0 alt ="menu"></a></td></tr><tr><td  title ="forum">
<a href="http://www.ligs.us/smf3/index.php?action=forum" onMouseOver='xpe("11gtro");'onMouseOut='xpe("11gtrn");'onMouseDown='xpe("11gtrc");'><img src="http://www.ligs.us/smf3/wow.html.images/bt11gtr_0.gif" name=xpwb11gtr width="91" height="21" border=0 alt ="forum"></a></td></tr><tr><td  title ="IRC-Chat">
<a href="http://www.ligs.us/smf3/index.php?page=11" onMouseOver='xpe("m1gtro");'onMouseOut='xpe("m1gtrn");'onMouseDown='xpe("m1gtrc");'><img src="http://www.ligs.us/smf3/wow.html.images/btm1gtr_0.gif" name=xpwbm1gtr width="91" height="21" border=0 alt ="IRC-Chat"></a></td></tr></table><noscript><a href=http://www.xp-web-buttons.com>Made with XP Web Buttons 3.52</a></noscript><script type="text/javascript" language="JavaScript1.1">
<!--
function xppr(im){var i=new Image();i.src='wow.html.images/bt'+im;return i;}function xpe(id){x=id.substring(0,id.length-1);document['xpwb'+x].src=eval('xpwb'+id+'.src');if(id.indexOf('e')!=-1)document['xpwb'+x+'e'].src=eval('xpwb'+id+'e.src');}
xpwbk1gtrn=xppr('k1gtr_0.gif');xpwbk1gtro=xppr('k1gtr_1.gif');xpwbk1gtrc=xppr('k1gtr_2.gif');xpwb11gtrn=xppr('11gtr_0.gif');xpwb11gtro=xppr('11gtr_1.gif');xpwb11gtrc=xppr('11gtr_2.gif');xpwbm1gtrn=xppr('m1gtr_0.gif');xpwbm1gtro=xppr('m1gtr_1.gif');xpwbm1gtrc=xppr('m1gtr_2.gif');
//--></script>
<!-- End XP-Web-Buttons.com -->


example:
http://www.ligs.us/smf3/index.php/board,35.0.html

If you look you will see the same problem with the image in my banner I did not change any code in that

It now seems to work untill mouse over on the first link I supplied but the image is still completely broke on the now link given

[JPDeni]

I don't know enough about javascript to be able to tell you where you need to define the paths to your files, but you need to somehow tell it to use the full URL instead of a relative one, which is what you're getting now.

Alternatively, you could do the exact same thing with just using .css.

[samson]

Alternatively, you could do the exact same thing with just using .css.

would you be able to give me an example of this ?

[JPDeni]

There's pretty much the same thing here without even using images. There's a button that looks like it's being depressed when the mouse hovers over it.

Take a look at that site. There's lots and lots of really cool stuff there. I know there's one where you have three images of a button, but I can't seem to find it now.

[Assistance]

I know there's one where you have three images of a button, but I can't seem to find it now.

/menus/doors.html This one?