1 gsonline Sep 19, 2009 21:57
3 gsonline Sep 20, 2009 18:36
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
4 yabba Sep 20, 2009 19:32
a img{
border:none;
}
¥
5 gsonline Sep 21, 2009 09:59
¥åßßå 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
6 yabba Sep 21, 2009 10:04
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;
}
¥
7 gsonline Sep 22, 2009 11:32
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
8 yabba Sep 22, 2009 12:01
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;
}
¥
9 gsonline Sep 22, 2009 12:06
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!
10 yabba Sep 22, 2009 12:08
If you wish to use your classname then you need to change the classname on the <a> to match ;)
¥
11 gsonline Sep 22, 2009 12:12
Already did it B)
Cheers!
PS - You've been a great help
12 yabba Sep 22, 2009 12:15
No worries ;)
¥
try adding something like .img a:hover{text-decoration:none} to your css.