Social-Media-Buttons in der Sidebar nebeneinander darstellen

• 

  mamamulle · Mitglied · November 15, 2013 at 4:48 pm

  • Link kopieren
  • Thema zu Favoriten hinzufügen

  Ich habe heute ein Social Media Kit in meine normale Sidebar eingefügt, aber leider werden die einzelnen Symbole untereinander und nicht nebeneinander dargestellt – egal wie klein sie sind.

  Was muss ich ändern, damit sie nebeneinander dargestellt werden?

  So sieht der HTML-Code aus:

  <div id="social-buttons">
   <a href="https://www.facebook.com/Mamamulle" rel="me nofollow">
  <img title="Mamamulle bei Facebook" src="http://img5.fotos-hochladen.net/uploads/greywhitepolklc9vxbnyw4.png" width="50" height="50" />
  </a><a href="http://instagram.com/mamamulle" rel="me nofollow"><img title="Mamamulle bei Instagram" src="http://img5.fotos-hochladen.net/uploads/greywhitepolk6o8uwvge59.png" width="50" height="50" />
  <div id="social-buttons"></a><a href="https://www.google.com/+Mamamulle" rel="me nofollow"><img title="Mamamulle bei Google+" src="http://img5.fotos-hochladen.net/uploads/greywhitepolkrcemw8qyu3.png" width="50" height="50" /></a>
  <div id="social-buttons"><a href="http://feeds.feedburner.com/Mamamulle" rel="me nofollow"><img title="Mamamulle bei Feedburner" src="http://img5.fotos-hochladen.net/uploads/greywhitepolk8bnxdh75fu.png" width="50" height="50" /></a>

  Ich muss dazu sagen, dass ich mich mit HTML so gut wie nicht auskenne und ihr mir genau sagen müsst, wo einzelne Befehle hin kommen, danke ;)

  Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

• 

  iqatrophie · Moderator · November 15, 2013 at 5:21 pm

  • Link kopieren

  Für die Umbrüche sind die ganzen div-Elemente verantwortlich, die du in den Code geschrieben hast. Versuch es mal mit:

  <a href="https://www.facebook.com/Mamamulle" rel="me nofollow"><img title="Mamamulle bei Facebook" src="http://img5.fotos-hochladen.net/uploads/greywhitepolklc9vxbnyw4.png" width="50" height="50" /></a> <a href="http://instagram.com/mamamulle" rel="me nofollow"><img title="Mamamulle bei Instagram" src="http://img5.fotos-hochladen.net/uploads/greywhitepolk6o8uwvge59.png" width="50" height="50" /></a> <a href="https://www.google.com/+Mamamulle" rel="me nofollow"><img title="Mamamulle bei Google+" src="http://img5.fotos-hochladen.net/uploads/greywhitepolkrcemw8qyu3.png" width="50" height="50" /></a><a href="http://feeds.feedburner.com/Mamamulle" rel="me nofollow"><img title="Mamamulle bei Feedburner" src="http://img5.fotos-hochladen.net/uploads/greywhitepolk8bnxdh75fu.png" width="50" height="50" /></a>

  Es wäre übrigens besser, die Icons/Grafiken in die Mediathek deines Blogs hochzuladen, und diese von dort zu referenzieren. Drittdienstleister wie „fotos-hochladen.net“ sind dafür bekannt, Grafiken, die besondern viel Datenverkehr (Traffic) erzeugen, oder solche, auf die länger nicht zugegriffen werden, einfach zu löschen. In dem Fall würden deine Buttons ohne Vorwarnung von heute auf morgen in deiner Seitenleiste verschwinden.

  Gruß
  Martin(IQ)