Искам в тази jquery Tab да вкарам по една даблица във всяко меню.
Като го направя с include и дясната страна на сайта ми отива вътре....
ето кода и на таблицата ми .
Код:
<link rel="stylesheet" type="text/css" href="mostpopular.css" />
<script type="text/javascript" src="mostpopular.js">
</script>
<h3>Demo #3- Different Tab Style, "slideshow mode" enabled</h3>
<div id="pettabs" class="indentmenu">
<ul>
<li><a href="#" rel="dog1" class="selected">Tab 1</a></li>
<li><a href="#" rel="dog2">Tab 2</a></li>
<li><a href="#" rel="dog3">Tab 3</a></li>
<li><a href="#" rel="dog4" id="myfavorite">Tab 4</a></li>
<li><a href="http://www.google.com">Google</a></li>
</ul>
<br style="clear: left" />
</div>
<div style="border:1px solid gray; width:550px; height: 150px; padding: 5px; margin-bottom:1em">
<div id="dog1" class="tabcontent">
Tab content 1 here<br />
<?include "includes/test.php"?>
Tab content 1 here<br />
<p><b><a href="javascript: mypets.expandit('myfavorite')">Click here to select tab with id="myfavorite"</a></b></p>
</div>
<div id="dog2" class="tabcontent">
Tab content 2 here<br />Tab content 2 here<br />
</div>
<div id="dog3" class="tabcontent">
Tab content 3 here<br />Tab content 3 here<br />
</div>
<div id="dog4" class="tabcontent">
Tab content 4 here<br />Tab content 4 here<br />
</div>
</div>
<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(2000)
</script>Като го направя с include и дясната страна на сайта ми отива вътре....
ето кода и на таблицата ми .
Код:
<div style="clear: both;>
<div id="mostpopular" class="mostpopular">
Tab content 1 here<br />
<div style="float:right;">
<table border="1" id="tablica1">
<tr>
<td width="380">rowt 1, cell 1</td>
<td width="65">row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td width="65">row 2, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td width="65">row 2, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td width="65">row 2, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td width="65">row 2, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td width="65">row 2, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td width="65">row 2, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td width="65">row 2, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td width="65">row 2, cell 2</td>
</tr>
</table>
</div>
<table border="1" id="tablica2">
<tr>
<td width="200" height="412 >row 1, cell 1</td>
</tr>
</table>
</div>