Fb and website comments in one problem

Message # 1 | 6:25 PM 2013-12-22

Hello to all, i hope that finaly some one will help me with this code. Its not work properly, this is tab navigation for fb and website comments in one. When i pres fb or website comments it sholud show comments with help of css properly but it is not. when i press button it flow me on the bottom of website. Try this code and if any one have solution...

HTML

Quote

<?if($USER_LOGGED_IN$)?>

<div id="tabs-1">
<div class="tabs">

<ul class="tabNavigation">
<li><a href="#first"class="selected">Tvister Komentari: <b>$COM_NUM_ENTRIES$</b></a></li>
<li><a href="#second">Facebook Komentari: <b><fb:comments-count href=$ENTRY_URL$></fb:comments-count></b></a></li>

</ul>

<div id="first" class="tab_content" style="display: block;">
<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr><td colspan="2">

$COM_BODY$

</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg">Samo registrovani korisnici mogu upisivati komentare.<br />[ <a href="$REGISTER_LINK$">Registruj Se</a> | <a href="$LOGIN_LINK$">Uloguj se</a> ]</div><?endif?>
<?endif?>
<?endif?>

</div>

<div id="second" class="tab_content" style="display: none;">
<div id="fb-root"></div><script src="http://connect.facebook.net/sr_RS/all.js#xfbml=1"></script><fb:comments href="$ENTRY_URL$" num_posts="10" width="580" colorscheme="dark"></fb:comments></div>
</div>
</div>


<?else?>


<div id="tabs-1">
<div class="tabs">

<ul class="tabNavigation">
<li><a href="#first">Facebook Komentari: <b><fb:comments-count href=$ENTRY_URL$></fb:comments-count></b></a></li>
<li><a href="#second">Tvister Komentari: <b>$COM_NUM_ENTRIES$</b></a></li>
</ul>

<div id="first" class="tab_content" style="display: block;">
<div id="fb-root"></div><script src="http://connect.facebook.net/sr_RS/all.js#xfbml=1"></script><fb:comments href="$ENTRY_URL$" num_posts="10" width="580" colorscheme="dark"></fb:comments>
</div>

<div id="second" class="tab_content" style="display: none;">
<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr><td colspan="2">

$COM_BODY$

</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg">Samo registrovani korisnici mogu upisivati komentare.<br />[ <a href="$REGISTER_LINK$">Registruj Se</a> | <a href="$LOGIN_LINK$">Uloguj se</a> ]</div><?endif?>
<?endif?>
<?endif?>
</div>
</div>

<?endif?>

CSS

Code

/* Табы
------------------------------------------*/
#tabs-1 {text-align:center; margin-top: 20px;}
.tabNavigation {list-style:none; margin: 0; padding: 0;}
.tabNavigation li {
  display: inline;
  margin: 0px 5px 0px 5px;
  text-shadow: 1px 1px 1px #111111;
}

.tabNavigation li a {
  color: #FFFFFF;
  background: url('fon_tab_01.gif') repeat-x top #6E6E6E;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  padding: 6px 10px 6px 10px;
}

.tabNavigation li a.selected,ul
.tabNavigation li a.selected:hover {color:#FFFFF; background:#111111; border-bottom: 1px solid #111111; }
.tabNavigation li a:hover {color: #FFFFFF; background: url('http://www.extracafe.rs/2012/skripta/fon_tab_01.gif') repeat-x top #111111;}
.tabNavigation li a:focus {outline: 0;}

.tab_content {
  overflow: hidden;
  text-align:left;
  border-top: 1px solid #555555;
  padding: 5px 0px 10px 0px;
  margin-top: 6px;
}

I asked for this code from some guy but he give to me wrong code obviously. It was wors than now,i eddited it but i cant fix it. dry

Page 1 of 1 1
Forum moderator: bigblog