Welcome to WebmasterWorld Guest from 54.147.63.124

Forum Moderators: not2easy & rumbas

Message Too Old, No Replies

Driving crazy with follow us button showing @username

     
11:10 pm on Jun 20, 2011 (gmt 0)

Junior Member

5+ Year Member

joined:Nov 2, 2009
posts: 191
votes: 0


I do have 2 twitter buttons on my page:


<!-- twitter --><a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="example" data-lang="es" data-width="64" show_screen_name="false">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><a href="http://twitter.com/example" class="twitter-follow-button" show_screen_name="false" data-show-count="false" data-width="64" data-lang="es"></a><!-- fin twitter -->


The problem is I don't want to show the @username because when I do, those 2 buttons doesn't fit in my nav bar.
The code above works ok in Internet Explorer, but in Firefox 4, I still see the @username in text beside the image button, causing the buttons to show in 2 different lines and spoiling my layout.

The data-width="64" parameter should do the trick, but is not working in firefox.

How do I get only the "image" button?

BTW I couldn't find a way to show only small custon icons instead, thus I'm trying at least to get rid the text part of username

Please help!
11:38 pm on June 23, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member penders is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:July 3, 2006
posts: 3123
votes: 0


Are you still having problems with this?

It doesn't work in Firefox 3.6.18 or Google Chrome either.

It seems an inline style of
width:64px
(which I assume corresponds to data-width="64") is not being applied to the second IFRAME that the script generates, but it is in IE!? If you manually apply the style rule using Firebug then it's OK. The first IFRAME (that replaces the first anchor) has the style rule applied correctly.

You can actually just set the appropriate style rule in your CSS and it should work OK...
.twitter-follow-button { 
width:64px;
}
12:53 pm on June 24, 2011 (gmt 0)

Junior Member

5+ Year Member

joined:Nov 2, 2009
posts: 191
votes: 0


Hello, yes I am.
I'll try that thanks!
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members