-
مشکل با ساخت tab
سلام
من چند وقت پیش یه کد ای جکس یافتم که صفحات رو حالت tab درست می کرد . کلی باهاش ور رفتم و از کدش توی یه صفحه استفاده کردم . توی فایرفاکس مشکلی نداره ولی تو ie6 می ریزه به هم . سورس اصلیش همچین مشکلی نداره.
این کد صفحه ایه که خودم درست کردم:
کد:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="ajaxtabs/ajaxtabs.css" />
<script type="text/javascript" src="ajaxtabs/ajaxtabs.js">
</script>
<title>New Page 2</title>
</head>
<body>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="383">
<tr>
<td width="383">
<Dev align="right">
<ul id="countrytabs" class="shadetabs">
<li><font face="Tahoma" style="font-size: 9pt"><a href="#" rel="#default" class="selected">
طراحی وب</a></font></li>
<li><font face="Tahoma"><a href="external2.htm" rel="countrycontainer">برنامه
نویسی</a></font></li>
<li><font face="Tahoma"><a href="external3.htm" rel="countrycontainer">طراحی
گرافیک</a></font></li>
</ul>
</dev>
<div align="right">
<div id="countrydivcontainer" style="border:1px solid gray; width:383; margin-bottom: 1em; padding: 10px; height:196">
<p>This is some default tab content, embedded directly inside this space and not
via Ajax. It can be shown when no tabs are automatically selected, or associated
with a certain tab, in this case, the first tab.</p>
</div>
<script type="text/javascript">
var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
</td>
</tr>
</table>
</center>
</div>
</body>
</html>
