Problema butoane de tip share

Saluatare forumgratuit.ro,tot incerc de ceva vreme sa rezolv problema de unu singur,dar nu reusesc,si pentru asta am nevoie de voi.

Am urmarit acest tutorial [Trebuie sa fiti inscris si conectat pentru a vedea acest link] dar rezultate,nu sunt cum ar trebui sa fie,si apar in felul acesta:

Ce trebuie sa fac sa apara normal ca in tutorial?

Multumesc!

Buna ziua,   

Codurile css le-ati adaugati in P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css ?

da,am facut exact ca acolo.

Buna ziua,te rog sterge codurile din acel tutorial si adaugati-le pe acestea.

Acest coda il adaugati in pa/afisare/generalitati

Cod:

    <center><ul class="sharing-cl" id="text">
          <li><a class="sh-mail" href="LINK">email</a></li>
          <li><a class="sh-feed" href="#feed">feed</a></li>
          <li><a class="sh-tweet" href="http://twitter.com/home">twitter</a></li>
          <li><a class="sh-face" href="http://www.facebook.com/share.php" rel="nofollow">facebook</a></li>
          <li><a class="sh-su" href="http://www.stumbleupon.com/submit">stumbleupon</a></li>
          <li><a class="sh-digg" href="http://digg.com/submit">digg</a></li>
        </ul></center>

Iar acest cod CSS il adaugati in pa/afisare/colori/css

Cod:



    .sharing-cl{overflow:hidden;margin:0;padding:0;list-style:none;}

    .sharing-cl a{overflow:hidden;width:75px;height:30px;float:left;margin-right:5px;text-indent:-200px;background:url("http://i39.servimg.com/u/f39/15/69/94/13/share-10.png") no-repeat;}

    a.sh-su{background-position:-210px -40px;}

    a.sh-feed{background-position:-70px -40px;}

    a.sh-tweet{background-position:-140px -40px;}

    a.sh-mail{background-position:0 -40px;}

    a.sh-digg{background-position:-280px -40px;}

    a.sh-face{margin-right:0;background-position:-350px -40px;}

    a.sh-mail:hover{background-position:0 1px;}

    a.sh-feed:hover{background-position:-70px 1px;}

    a.sh-tweet:hover{background-position:-140px 1px;}

    a.sh-su:hover{background-position:-210px 1px;}

    .sh-digg:hover{background-position:-280px 1px;}

    a.sh-face:hover{background-position:-350px 1px;}

    #text{margin-top:3em;font-weight:bold;font-family:helvetica,arial,sans-serif;}

    #text a{text-indent:0;height:auto;text-align:center;font-size:11px;padding-top:35px;color:#999;text-decoration:none;}

Iar pentru pozitionare lui folositi acest cod css

Cod:


ul#text.sharing-cl{
  position: relative;
  bottom: 0px;
left: 0px;
right: 0px;
top: 0px;}

Modificati in zona la care doriti dumneavoastra unde sunt 0px;
Legenda:
left-Positioneaza de la stanga la dreapta.
right-Pozitioneaza de la dreapta la stanga
top-Pozitioneaza de sus in jos
bottom: Pozitioneaza de jos in sus.
position-relative (acesta faca ca pozitia codul sa fie diferita,continutul va fi mutat,dar atentie uneori peste alte continut-uri)