try adding something like .img a:hover{text-decoration:none} to your css.

Thanks for the quick response John but unfortunately that's not done it.

My widget code looks like this:

<a href='http://gurcharansingh.co.uk/gsolist/?p=subscribe' onclick="return pop_up_window( this.href, '', '800', '600', 'scrollbars=no, status=no, resizable=no, menubar=no') ">
<img  src="http://www.gurcharansingh.co.uk/blog/aa_images/graphics/subscribe.gif" alt="Subscribe for regular updates">
</img>
</a>

My css code is:

a
{
	color: #0087DC;
	text-decoration: none;
	border-bottom:#FF6E00 1px dashed;
}

a:hover
{
	border-bottom:#FF6E00 1px solid;
}

Any suggestions?

Thanks,

R

a img{
border:none;
}

¥

¥åßßå wrote:

a img{
border:none;
}

¥

No cigar unfortunately:

Here's the link to my css file if that helps:

http://gurcharansingh.co.uk/blog/skins/terrafirma/style.css

Thanks,

R

Add a class name to your widget and then disable teh border with that.

<a class="noborder" href='http://gurcharansingh.co.uk/gsolist/?p=subscribe' onclick="return pop_up_window( this.href, '', '800', '600', 'scrollbars=no, status=no, resizable=no, menubar=no') ">
<img  src="http://www.gurcharansingh.co.uk/blog/aa_images/graphics/subscribe.gif" alt="Subscribe for regular updates" />
</a>

.noborder,
.noborder:visited,
.noborder:hover{
  border:none;
}

¥

Thanks (again) Blonde!

I gave that a try but still no joy. I've gone through each hover style and have found this to be the culprit:

.bSideBar a:hover
{
	border-bottom:1px solid;
}

So, I've done some further digging (this http://ask.metafilter.com/6960/In-CSS-how-do-you-remove-the-bottom-border-of-a-linked-imagewas interesting but resulted in no conclusion for me).

I added an extra pseudo class:

.bSideBar imgnoborder,
.bSideBar imgnoborder:visited,
.bSideBar imgnoborder:hover
{
border: none;
border-bottom: 0px solid #FFFFFF;
text-decoration: none;
}

Unfortunately, this didn't work either. :S

Your class is called noborder not imgnoborder, and you forgot the [dot] before the classnames

.bSideBar .noborder,
.bSideBar .noborder:visited,
.bSideBar .noborder:hover
{
border: none;
}

¥

I wanted to give the class a more intuitive title for me to remember so renamed. Nevertheless, your suggestion worked! That's done it!

THANK YOU!

If you wish to use your classname then you need to change the classname on the <a> to match ;)

¥

Already did it B)

Cheers!

PS - You've been a great help

No worries ;)

¥