[SOLVED] No link on my social media icons - Joomla! Forum - community, help and support

hi all,

i know must on looking simple - have put social media icons on header , have assigned links of them, problem on rss icon getting link.

i using protostar default template

here css: template.css

code: select all

.social-bar{
   /*border: solid;
   border-width: 2px;*/
   width: 235px;
   height: 42px;
   position: absolute;
   float: left;
   margin-top: 132px;
   margin-left: 35px;
}

.twitter-icon{
   border: solid;
   border-width: 2px;

   width: 42px;
   height: 42px;
   position: absolute;
}

.facebook-icon{
   border: solid;
   border-width: 2px;

   float: left;
   width: 42px;
   height: 42px;
   position: absolute;
   padding-left: 45px;
}

.[youtube]{
   border: solid;
   border-width: 2px;

   float: left;
   width: 42px;
   height: 42px;
   position: absolute;
   padding-left: 45px;
   margin-left: 45px;
}

.rss-icon{
   border: solid;
   border-width: 2px;

   float: left;
   width: 42px;
   height: 42px;
   position: absolute;
   padding-left: 45px;
   margin-left: 90px;
}

and here html: index.php

code: select all

<div class="header">
          <div class="header-inner">
            <a class="brand pull-left" href="<?php echo $this->baseurl; ?>">
              <?php echo $logo;?>
              <?php if ($this->params->get('sitedescription'))
              { echo '<div class="site-description">'. htmlspecialchars($this->params->get('sitedescription')) .'</div>'; } ?>
            </a>

            <div class="header-search pull-right">
              <jdoc:include type="modules" name="position-0" style="none" />
            </div>

            <!--********** begin code ********-->
            <div class="social-bar">
              <div class="twitter-icon">
                <a href="https://twitter.com/accountname"><img src="./images/headers/social-icons/twitter_42x42.png"></a>
              </div>

              <div class="facebook-icon">
               <a href="https://www.facebook.com/accountname"><img src="./images/headers/social-icons/facebook_42x42.png"></a>
             </div>

             <div class="[youtube]">
               <a href="http://www.[youtube].com/user/daintao"><img src="./images/headers/social-icons/[youtube].png"></a>
             </div>

             <div class="rss-icon">
               <a href="http://localhost/joomla/index.php/specials/type-rss?format=feed"><img src="./images/headers/social-icons/rss_42x42.png"></a>
             </div>
           </div>
           <!--********** end code ********-->

thank in advance

fixed , tidied code tad.

the css looks this:

code: select all

.social-icons{
   width: 42px;
   height: 42px;
   position: relative;
   float: left;
}

and class of each of icon divs looks this:

code: select all

<div class="social-icons">
...
</div>

hope helps same issues