homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Social Media / Twitter
Forum Library, Charter, Moderators: not2easy & rumbas

Twitter Forum

Driving crazy with follow us button showing @username

5+ Year Member

Msg#: 4328506 posted 11:10 pm on Jun 20, 2011 (gmt 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!



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

Msg#: 4328506 posted 11:38 pm on Jun 23, 2011 (gmt 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 { 


5+ Year Member

Msg#: 4328506 posted 12:53 pm on Jun 24, 2011 (gmt 0)

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

Global Options:
 top home search open messages active posts  

Home / Forums Index / Social Media / Twitter
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved