به هم ریختگی منوهای dhtml در اثر تغییر رزولوشن صفحه

SAMANR · Jun 20, 2007

چه کاری باید انجام دهم تا منوهای شناور در اثر تغییر رزولوشن صفحه به هم نریزند؟

sajjad_eb · Jun 20, 2007

به فروم خوش آمدی

چه کاری باید انجام دهم تا منوهای شناور در اثر تغییر رزولوشن صفحه به هم نریزند؟

بستگی به نوع کد نویسی داره.
بهتر کدت رو اینجا بزاری تا سریع تر به جواب برسی

SAMANR · Jun 23, 2007

وقتی صفحه کامل باشه و رزولوشن روی 768*1024 باشه منوها در جای خود نشان داده می شوند در غیر این صورت به هم ریخته هستند

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
body{font-family:arial;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#606060}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
<base target="main">

</head>

<body>

<table width="100%" border="1" bordercolorlight="#FFFF00" bordercolordark="#FFCC66" style="background-color: #FFCCFF">
<tr align="right" bgcolor="#FF8080" >
<td align="right" onmouseover="showmenu('tutorials')" onmouseout="hidemenu('tutorials')" bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="145" >
 نظریه پردازی<br />
<table class="menu" id="tutorials" width="120" style="position: absolute; left: 18px; top: 38px; width: 145px; height: 86px">
<tr><td class="menu" align="left">
<p align="right"><span lang="fa"><a href="IDEA/tarikhche.htm">اتاریخچه </a> </span></td></tr>
<tr><td class="menu">
<p align="right"><span lang="fa"><a href="IDEA/goal.htm">آثار 
</a> </span></td></tr>
<tr><td class="menu">
<p align="right"><span lang="fa"><a href="IDEA/azah.htm">اعضاء</a></span></td></tr>
<tr><td class="menu">
<p align="right"><span lang="fa"><a href="IDEA/khat%20mashi.htm">خط مشی</a></span></td></tr>
</table>
</td>
<td onmouseover="showmenu('scripting')" onmouseout="hidemenu('scripting')" bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="126">
فعالیتها <br />
<table class="menu" id="scripting" width="120" align="right" style="position: absolute; left: 129px; top: 38px; width:165px">
<tr><td class="menu">
<p align="right">سخنرانیهای </td></tr>
<tr><td class="menu">
<p align="right">طرحهای </td></tr>
<tr><td class="menu">
<p align="right">طرحها</td></tr>
<tr><td class="menu">
<p align="right">فرصت مطالعاتی </td></tr>

</table>
</td>
<td onmouseover="showmenu('validation')" onmouseout="hidemenu('validation')" bgcolor="#ADD8E6" bordercolor="#FFFF00" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">
فصلنامه <br />
<table class="menu" id="validation" width="120" style="position: absolute; left: 321px; top: 38px">
<tr><td class="menu" align="right">Validate HTML</td></tr>
<tr><td class="menu" align="right">Validate XHTML</td></tr>
<tr><td class="menu" align="right">Validate CSS</td></tr>
<tr><td class="menu" align="right">Validate XML</td></tr>
<tr><td class="menu" align="right">Validate WML</td></tr>
</table>
</td>
<td onmouseover="showmenu('tut')" onmouseout="hidemenu('tut')" bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="133">
تالیفات <br />
<table class="menu" id="tut" width="120" style="position: absolute; left: 461px; top: 37px">
<tr><td class="menu" align="right">HTML</td></tr>
<tr><td class="menu" align="right">XHTML</td></tr>
<tr><td class="menu" align="right">CSS</td></tr>
<tr><td class="menu" align="right">XML</td></tr>
<tr><td class="menu" align="right">XSL</td></tr>
</table>
</td>
<td onmouseover="showmenu('t')" onmouseout="hidemenu('t')" bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="131" >
کارگاهها<br />
<table class="menu" id="t" width="120" style="position: absolute; left: 596px; top: 38px">
<tr><td class="menu" align="right">HTML</td></tr>
<tr><td class="menu" align="right">XHTML</td></tr>
<tr><td class="menu" align="right">CSS</td></tr>
<tr><td class="menu" align="right">XML</td></tr>
<tr><td class="menu" align="right">XSL</td></tr>
</table>
</td>
<td bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="131" >
<span lang="fa">نقشه راهنمای سایت </span><br />
</td>
<td bgcolor="#ADD8E6" bordercolor="#FFFFFF" width="131" >
<b>English<br />
</b>
</td>

</tr>
</table>

</body>

</html>

echessdesign · Jun 23, 2007

درود بر شما
کل منو ها رو به همراه جدول اونها، داخل یک خونه از جدول با سایز مشخصی قرار دهید

bahy_my · Jun 23, 2007

این کد کار می کنه ؟
من امتحان کردم ارور داد : err on pg

SAMANR · Jun 24, 2007

سلام بله این کد کار میکنه فقط اگر رزولوشن مانیتور از 768*1024 بالاتر یا پایین تر باشه منوهای شناور در جای مناسب خودشون قرار نمیگیرند .لطفابه من بگین چطوری کل منو ها رو به همراه جدول اونها، داخل یک خونه از جدول با سایز مشخصی قرار بدم .البته فکر کنم این کار روهم کردم در مورد منوی اصلی جواب میده اما منوهای که show و hide میشن رونمیشه در خانه مشخصی از جدول INSERT کرد.
متشکرم.