scroll کلی یک صفحه شامل چند frame

SAMANR

New Member
در یک صفحه html متشکل از چند فریم که در آنها منو و تصویر قرار دارد چه کار باید انجام دهم که وقتی صفحه در حالت 100% باز نمی شود و پنجره را کوچک باز می کنم . به جای تغییر اجزای صفحه کل صفحه scroll شود.
 

dk-arta

Member
این مقدارها رو در فریمهات ثابت کن
Height
Width
یعنی این طوری باشه
Height="100"
Width="100"
نه این طوری
Height="100%"
Width="100%"
 

SAMANR

New Member
خیلی متشکرم که اینقدر سریع جواب منو دادید. اما راه حل شما را امتحان کردم ولی نشد. به همین دلیل من کد یک صفحه ساده که فقط منو دارد را اینجا میگذارم . صفحه را در حالت max و minدر رزولوشن 768*1024 ببینید تا دقیقآ مشکل مرا متوجه شوید.من میخواهم در حالت min به جای تغییر سایز اجزای صفحه نوار scroll فعال شود . البته sroll فعال است ولی باز هم اجزای صفحه تغییر سایز میدهد.

[LTR]<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" >
&nbsp;نظریه پردازی<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>&nbsp;</span></td></tr>
<tr><td class="menu">
<p align="right"><span lang="fa"><a href="IDEA/goal.htm">آثار&nbsp;
</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>[/LTR]
 

dk-arta

Member
دوست عزیز
اگر طبق آموزش من عمل می کردید کار درست بود اینم کد شما . اصلاح شده
Tag Table شما به این حالت بود

<table width="100%" border="1" bordercolorlight="#FFFF00" bordercolordark="#FFCC66" style="background-color: #FFCCFF">

که باید این طوری می شد

<table width="1000" border="1" bordercolorlight="#FFFF00" bordercolordark="#FFCC66" style="background-color: #FFCCFF">


این اندازه رو می تونی خودت تغییر بدی
width="1000"

فقط همین
 

جدیدترین ارسال ها

بالا