Recent Topics

1 Sep 19, 2009 21:57    

My b2evolution Version: 2.x

Hi,

All hyperlinks are currently underlined whenever the mouse pointer goes over. Unfortunately, this also happens for image hyperlinks - a behaviour I would like to stop. Is there a way to prevent this from happening?

Thanks in advance,

R

2 Sep 19, 2009 22:18

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

3 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 Sep 20, 2009 19:32

a img{
border:none;
}

¥

6 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 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 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 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 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 Sep 22, 2009 12:12

Already did it B)

Cheers!

PS - You've been a great help


Form is loading...