This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

ఇంకా తెలుసుకోండి

Tiny Active Area on my Social Media Buttons!

  • 3 ప్రత్యుత్తరాలు
  • 1 ఈ సమస్య కలిగినది
  • 2 వీక్షణలు
  • చివరి సమాధానమిచ్చినది cor-el

more options

Why does Firefox 8 create such a small hit spot or active space on my social media buttons at top of this site: http://bit.ly/wWjZxy

In Internet Explorer 9, the social media buttons at the top of my draft site have a full button-sized active area upon which to click.

When you look at the very same site and buttons on Firefox, your mouse is able to click on the buttons only in a small area in the upper left of each button.

How do I get Firefox to make the entire button a hit spot or active area?

Client insists that the buttons' look-and-feel is the same on internet explorer and Firefox....

Why does '''Firefox 8 '''create such a '''small hit spot or active space '''on my social media buttons at top of this site: http://bit.ly/wWjZxy In Internet Explorer 9, the social media buttons at the top of my draft site have a full button-sized active area upon which to click. When you look at the very same site and buttons on Firefox, your mouse is able to click on the buttons only in a small area in the upper left of each button. How do I get Firefox to make the entire button a hit spot or active area? Client insists that the buttons' look-and-feel is the same on internet explorer and Firefox....

ఎంపిక చేసిన పరిష్కారం

That is because the DIV .item-page is covering the lower part of the buttons.

A style rule like this will make the buttons clickable:

div.item-page { clear:both; }
ఈ సందర్భంలో ఈ సమాధానం చదవండి 👍 0

ప్రత్యుత్తరాలన్నీ (3)

more options

ఎంపిక చేసిన పరిష్కారం

That is because the DIV .item-page is covering the lower part of the buttons.

A style rule like this will make the buttons clickable:

div.item-page { clear:both; }
more options

Hi cor-el. Thanks - When I view the Page Source, I see the DIV to which you refer. However, I'm still stuck because that line appears to be dynamically generated by Joomla.

I can't figure out what exactly to modify in CSS since that class doesn't appear. (Css can be viewed here.)

I can't modify the index.php because that DIV isn't in it.

So how exactly, or where, do I make this change or add the style rule? Sorry to appear so thick-headed...!

more options

I'm not familiar with Joomla templates, so best may to get some advice elsewhere to see if they know a way to solve this.

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.