Bookmarks rechts wird nicht richtig dargestellt

[basti3962]

Hallo zusammen,

ich habe gestern das Bookmarks Modul bei mir installiert.
Die Links die ich nicht benötigt habe habe ich vor der Installation entfernt.
Nun sieht es aber sehr komisch aus, siehe Bild.

Kann mir jemand einen Tipp geben was ich machen muss, damit dieser Fehler verschwindet.

Danke im voraus...
Gruß Sebastian

Linkback: https://www.modified-shop.org/forum/index.php?topic=34237.0

[TrueSlide]

Wie sieht denn dein eingebauter bzw. veränderter Code aus?

[basti3962]

Der Code in der HTML sieht so aus:

<a id="sys_contact" target="_blank" href="http://www.skijo.de/support" title="Kontakt"> </a>
<a id="sys_twitter" target="_blank" href="http://twitter.com/skijo_de" title="Twitter"> </a>
<a id="sys_facebook" target="_blank" href="http://facebook.com/Skijode-468410596672704" title="Facebook"> </a>
<a id="sys_googleplus" target="_blank" href="https://plus.google.com/105980959155760900960" title="Google+"> </a>
<a id="sys_youtube" target="_blank" href="https://www.youtube.com/channel/UC90hT6XL4DaEsNJu8qFyh4A" title="Youtube"> </a>

in der css so:

Code: CSS  [Auswählen]

/* Begin Show your social networks thanks to MaXiForum.cz for the idea and the new code*/

#sys_contact {
  display:scroll;
  position:fixed;
  top:150px;right:0px;
  background-image: url(/images/sys/contact.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_twitter {
  display:scroll;
  position:fixed;
  top:200px;right:0px;
  background-image: url(/images/sys/twitter1.png); /* Alternativ mann such das Bild twitter2.png benutzt werden */
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_facebook {
  display:scroll;
  position:fixed;
  top:250px;right:0px;
  background-image: url(/images/sys/facebook.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_googleplus {
  display:scroll;
  position:fixed;
  top:400px;right:0px;
  background-image: url(/images/sys/googleplus.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_youtube {
  display:scroll;
  position:fixed;
  top:550px;right:0px;
  background-image: url(/images/sys/youtube.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_contact:hover, #sys_twitter:hover, #sys_rss:hover, #sys_facebook:hover, #sys_googleplus:hover, #sys_xing:hover, #sys_linkedin:hover, #sys_pinterest:hover, #sys_youtube:hover {
  background-position: 0px 39px;
}

/* End Show your social networks */

[Jürgen]

Hallo,

jeweils für

#sys_youtube und #sys_googleplus die Werte für top: entsprechend ändern.

Code: CSS  [Auswählen]

/* Begin Show your social networks thanks to MaXiForum.cz for the idea and the new code*/

#sys_contact {
  display:scroll;
  position:fixed;
  top:150px;right:0px;
  background-image: url(/images/sys/contact.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_twitter {
  display:scroll;
  position:fixed;
  top:200px;right:0px;
  background-image: url(/images/sys/twitter1.png); /* Alternativ mann such das Bild twitter2.png benutzt werden */
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_facebook {
  display:scroll;
  position:fixed;
  top:250px;right:0px;
  background-image: url(/images/sys/facebook.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_googleplus {
  display:scroll;
  position:fixed;
  top:300px;
  right:0px;
  background-image: url(/images/sys/googleplus.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_youtube {
  display:scroll;
  position:fixed;
  top:350px;
  right:0px;
  background-image: url(/images/sys/youtube.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_contact:hover, #sys_twitter:hover, #sys_rss:hover, #sys_facebook:hover, #sys_googleplus:hover, #sys_xing:hover, #sys_linkedin:hover, #sys_pinterest:hover, #sys_youtube:hover {
  background-position: 0px 39px;
}

/* End Show your social networks */

Das kann man alles mit firebug o.ä. im Browser kontrollieren/untersuchen....

Gruss

Jürgen

[basti3962]

Danke schön....