Design: Twitter, +1 etc. Buttons, Größe selbst bestimmen

[stenz]

Hallo,
ich habe ein Problem, wie die Meisten, wollte ich meine Website mit den sozialen Netzwerken verknüpfen, es gelingt mir, jedoch kann ich die Buttons nicht wie gewünscht designen bzw. formen.

Wie man sehen kann, erzeugen die Buttons einen viel zu langen Abstand (schwarze Linie), ich vermute das die Buttons schon ihren max.width von selber konfigurieren, will aber das sich die Breite automatisch nach Inhalt verändern soll. Hoffe es ist bisher verständlich was ich meine. :)
Code:

<div class="share">
                            <ul>
                                <li class="first"><p class="pbold">Share now:</p></li>
                                <li><iframe scrolling="no" frameborder="0" allowtransparency="true" src="http://platform0.twitter.com/widgets/tweet_button.html?_=1310385177430&amp;count=horizontal&amp;id=twitter_tweet_button_0&amp;lang=en&amp;original_referer=http%3A%2F%2Flocalhost%2F&amp;text=&amp;url=http%3A%2F%2Flocalhost%2F&amp;via=kpon" class="twitter-share-button twitter-count-horizontal" style="width: 110px; height: 20px;" title="Twitter For Websites: Tweet Button"></iframe></li>
                                <li><div id="___plusone_0" style="height: 24px; width: 106px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none;"><iframe width="100%" scrolling="no" frameborder="0" vspace="0" tabindex="-1" style="position: static; left: 0pt; top: 0pt; width: 106px; height: 24px; visibility: visible;" src="https://plusone.google.com/u/0/_/+1/button?hl=en-US&amp;jsh=r%3Bgc%2F22224365-adc8a19e#url=http%3A%2F%2Flocalhost%2F&amp;size=standard&amp;count=true&amp;id=I1_1310385177745&amp;parent=http%3A%2F%2Flocalhost&amp;rpctoken=372063600&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" name="I1_1310385177745" marginwidth="0" marginheight="0" id="I1_1310385177745" hspace="0" allowtransparency="true"></iframe></div></li>
                            </ul>
                        </div>

z.B. beim iFrame vom Tweet Button steht, ja am Ende style width=110, hatte schon das "http://platform.twitter.com/widgets.js" gespeichert, und die entsprechenden Werte auf 'auto' geändert, aber hatte nichts gebracht, der schwarze Balken wurde einfach breiter.
Hoffe das mir geholfen werden kann, denn so wie es jetzt ausschaut, finde ich es hässlich.

Gruß Stenz

 

[Cheffchen]

Hallo,

also das mit der breite hast ja schon richtig erkannt, iframe. also machst das kleiner und wenn dann die 999 tweet voll hast musst das halt breiter machen, Dynamisch geht das nicht.
oder halt ohne iframe für twitter findest da den code.
Twitter / Tweet-Button
Optik kann mein recht wenig ändern, es geht ja auch um wiedererkennung, glaube das man die meisten irgendwie statt blau auch grau bekommt, sieht aber bescheiden aus :O).

Cheffchen