مشكلة الاستفهامات من الدريم ويفر والدعم للعربية لكن ..
هذا الكود للفائده العامه
<html dir="rtl">
<head>
****** ***********="Content-Type" content="text/html; charset=windows-1256">
****** ***********="Content-Language" content="ar-sa">
<title>الشمس - بعد التطوير</title>
<script>
function showMe(val) {
document.getElementById("showhide").innerHTML=val;
}
</script>
<style>
.table
{
font-family: Times New Roman;
font-size: 10pt;
font-weight: bold;
text-align: center;
word-spacing: 0;
text-indent: 0;
line-height: 100%;
color: #663300;
width: 400;
height: 400;
border: 2px double #008000;
margin: 0;
padding: 10px;
background-color: #DEDEEF;
}
td
{
width: 100;
height: 100;
padding: 1px;
}
</style>
</head>
<body style="direction: rtl; text-align: center; word-spacing: 0; line-height: 100%; color: #000080; font-size: 12pt; font-family: Tahoma; margin: 0 5; padding-left: 50px; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; background-color: #FFFFFF">
<table border="0" width="100%" id="table1" style="border: 0 solid #FFFFFF; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; ">
<tr>
<td colspan="2" style="border:1px dotted #800000; color: #800000; font-size: 36pt; text-decoration: overline underline; text-align: center; text-indent: 0; word-spacing: 0; line-height: 100%; width: 100%; height: 80; margin: 0; padding: 0; background-color:#F4F4F4" bgcolor="#F4F4F4">
هيدر الموقع</td>
</tr>
<tr>
<td rowspan="2" style="border:1px dotted #0000FF; text-align: right; word-spacing: 0; text-indent: 0; line-height: 100%; width: 25%; margin: 0; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color:#F4F4F4" valign="top">
<ul>
<li><a href="1" onmouseover="showMe('واحد')" onmouseout="showMe('1')"><span style="text-decoration: none">العنوان الأول</span></a></li>
<li><a href="2" onmouseover="showMe('اثنين')" onmouseout="showMe('2')"><span style="text-decoration: none">العنوان الثاني</span></a></li>
<li><a href="3" onmouseover="showMe('ثلاثه')" onmouseout="showMe('3')"><span style="text-decoration: none">العنوان الثالث</span></a></li>
<li><a href="4" onmouseover="showMe('اربعه')" onmouseout="showMe('4')"><span style="text-decoration: none">العنوان الرابع</span></a></li>
<li><a href="5" onmouseover="showMe('خمسه')" onmouseout="showMe('5')"><span style="text-decoration: none">العنوان الخامس</span></a></li>
<li><a href="6" onmouseover="showMe('ستة')" onmouseout="showMe('6')"><span style="text-decoration: none">العنوان السادس</span></a></li>
<li><a href="7" onmouseover="showMe('سبعة')" onmouseout="showMe('7')"><span style="text-decoration: none">العنوان السابع</span></a></li>
<li><a href="8" onmouseover="showMe('ثمانية')" onmouseout="showMe('8')"><span style="text-decoration: none">العنوان الثامن</span></a></li>
<li><a href="9" onmouseover="showMe('تسعة')" onmouseout="showMe('9')"><span style="text-decoration: none">العنوان التاسع</span></a></li>
<li><a href="جدول" onmouseover="showMe('<table class=table><tr><td class=td>1</td><td class=td>2</td><td class=td>3</td><td class=td>4</td class=td></tr><tr><td class=td>5</td><td class=td>6</td><td class=td>7</td><td class=td>8</td></tr><tr><td class=td>9</td> <td class=td>10</td><td class=td>11</td><td class=td>12</td></tr><tr><td class=td>13</td><td class=td>14</td><td class=td>15</td><td class=td>16</td></tr></table>')" onmouseout="showMe('جدول')"><span style="text-decoration: none">اضافه من نوع آخر</span></a></li>
</ul>
</td>
<td style="width: 75%">
<p id="showhide">نكتب هنا ما نريد وسينتهي بمجرد مرور المؤشر على أحد
الروابط </p>
<p> </p>
<p>هذه أحدى الطرق لجعل الصفحه اسرع في العرض دون تعب للزائر</p>
<p> </p>
<p>اتمنى تكون مناسبه :SMIL:</p>
<p> </p>
<p>تحياتي ..</td>
</tr>
<tr>
<td style="border:1px dotted #000080; width: 75%; padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px; background-color:#F4F4F4; height:15">
فوتر الموقع</td>
</tr>
</table>
</body>
</html>