Add This Buttons zentrieren

[socialize]

Wie kann man Buttons über einen derartigen Code zentrieren???

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4e0231aa557e3118"></script>
<!-- AddThis Button END -->

Bitte um Hilfestellung! Danke!

[Matthias Apsel]

Om nah hoo pez nyeetz, socialize!

Bitte um Hilfestellung! Danke!

Zu wenig Infos! Zeig die Seite!

Matthias

[socialize]

Es handelt sich um die Buttons rechts oben in der Sidebar: http://mind.mgfillinger.com/

Om nah hoo pez nyeetz, socialize!

Bitte um Hilfestellung! Danke!

Zu wenig Infos! Zeig die Seite!

Matthias

[Matthias Apsel]

Om nah hoo pez nyeetz, socialize!

Es handelt sich um die Buttons rechts oben in der Sidebar: http://mind.mgfillinger.com/

<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>

Für diese Klassen statt float: left; display: inline-block; verwenden

Matthias

[socialize]

Danke für die vielen Ratschläge. Als Laie kann ich sie aber kaum umsetzen. An wen wendet man sich in solch einem Fall?

Om nah hoo pez nyeetz, socialize!

Es handelt sich um die Buttons rechts oben in der Sidebar: http://mind.mgfillinger.com/

<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>

Für diese Klassen statt float: left; display: inline-block; verwenden

Matthias

[Matthias Apsel]

Om nah hoo pez nyeetz, socialize!

An Webentwickler deines Vertrauens. Du müsstest demjenigen die Zugangsdaten geben können, diese Änderung dauert dann höchstens 15 Minuten. Möglicherweise ist der eine oder andere hier bereit, gegen eine Spende an einen gemeinnützigen Verein wie Kinderschutzbund, Ärzte ohne Grenzen, ... von sagen wir 5 EUR diese (eine und _keine_ Folgeaufträge) Änderung durchzuführen.

Matthias

[socialize]

Dazu wäre ich bereit. Jetzt muss sich nur noch jemand dafür finden...

Om nah hoo pez nyeetz, socialize!

An Webentwickler deines Vertrauens. Du müsstest demjenigen die Zugangsdaten geben können, diese Änderung dauert dann höchstens 15 Minuten. Möglicherweise ist der eine oder andere hier bereit, gegen eine Spende an einen gemeinnützigen Verein wie Kinderschutzbund, Ärzte ohne Grenzen, ... von sagen wir 5 EUR diese (eine und _keine_ Folgeaufträge) Änderung durchzuführen.

Matthias

[Matthias Apsel]

Om nah hoo pez nyeetz, socialize!

Es ist nicht notwendig, das komplette Vorposting zu zitieren.

Dazu wäre ich bereit. Jetzt muss sich nur noch jemand dafür finden...

Vielleicht hilft dir auch schon dies. Die Schritte a bis e brauchst du nicht mehr zu tun.

Nur noch f)

.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs {  
    display: inline-block;  
    float: none;  
    margin-top: 3px;  
}

ohne Gewähr

Prüfe, ob die Änderung noch unerwünschte Auswirkungen an anderen Stellen hat.

Matthias

[Gunther]

Es handelt sich um die Buttons rechts oben in der Sidebar: http://mind.mgfillinger.com/

Die werden nicht zentriert angezeigt, weil sie aktuell gefloatet sind.
(siehe .addthis_default_style in 'widget095.css')

Wenn die <a> Elemente stattdessen ein 'display:inline-block' erhalten und das übergeordnete DIV-Element statt dem obsoleten 'align="center"' ein 'text-align:center;' per CSS erhält, dann werden sie auch zentriert angezeigt.

Der Code ist im Übrigen "Divitis" pur und der Autor des Widgets sollte sich auch mal Gedanken über die sinnvolle Verwendung und Benennung von CSS-Klassen machen.

Abgesehen davon sagt der Validator, dass du zumindest noch diese Punkte korrigieren solltest.

Gruß Gunther

[Gunnar Bittersmann]

@@Gunther:

nuqneH

über die sinnvolle Verwendung und Benennung von CSS-Klassen machen.

And just another kitten died.

Qapla'

[Gunther]

@@Gunnarr:

nuqneH

über die sinnvolle Verwendung und Benennung von CSS-Klassen machen.

Korrekt!
Es muss natürlich heißen:"... der Autor des Widgets sollte sich auch mal Gedanken über die sinnvolle Verwendung von Stylesheet-Klassen und Benennung von Stylesheet-Klassennamen machen."
So besser?

Gruß Gunther

[Gunnar Bittersmann]

@@Gunther:

nuqneH

Es muss natürlich heißen:"... der Autor des Widgets sollte sich auch mal Gedanken über die sinnvolle Verwendung von Stylesheet-Klassen und Benennung von Stylesheet-Klassennamen machen."
So besser?

Mitnichten.

Aber wenn man dem kruden Ansatz von OOCSS folgt, kommt halt sowas raus.

Qapla'