لقد عملت فتره طويله جدا لبناء هذا الموقع وقد وضعته للتجربه وتوضيح العيوب فيه لتصليحها , وملاحظاتكم تساعدني بهذا الامر 
اخي شاعر_الظلام جزيل الشكر لك 
اخي Mr.Dosa ساراجع
وارجو ان توضح ملاحظتك اكثر , حيث انه لم اعرف ما هو المطلوب تعديله بالضبط. لدي ملفين css
الاول ont.css ومحتواه :
كود:
.ONBody{background-color:white;color:black;font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:66.67%; line-height:normal; margin:0px;padding:0px;}.ONBody B{font-weight:bold;}.ONBody CENTER{text-align:center;}.ONBody H1,.ONBody H2,.ONBody H3,.ONBody H4,.ONBody H5,.ONBody H6{line-height:normal;}.ONBody I{font-style:italic;}.ONBody U{text-decoration:underline;}.ONBodyCellPadded,.ONBodyCellUnpadded{height:100%;margin:0px;width:100%;}.ONBodyCellPadded{padding:0px 22px 0px 18px;}.ONBodyCellUnpadded{padding:0px;}.ONBodyRightSide{border-color:#749CDF;border-style:none solid none solid;border-width:0px 1px 0px 0px; background-color:#749CDF;}.OAnc,.OTBItm,.ACB A{text-decoration:none;}.OAnc,.ACB A{color:#0560A6;}.OAnc:hover,.OTBItm:hover,.ACB A:hover{text-decoration:underline;}.OAnc:visited{color:#834283;}.OAncImg,.OAImgPL,.OAImgPR{border-style:none;}.OAImgPL{margin:0px 4px 0px 0px;}.OAImgPR{margin:0px 0px 0px 4px;}.OBtn,.ODDLst,.OFLT,.OIFile,.OLstBx,.OTBM,.OTBS,.OSB{font-size:100%;}.OBtn,.ODDLst,.OIF
والثاني style.css ومحتواه :
كود:
FONT {
FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px
}
TD {
FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px
}
BODY {
SCROLLBAR-BASE-COLOR: #94BEF4;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px
}
P {
FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px
}
DIV {
FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px
}
INPUT {
FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px; background-color: #94BEF4
; border: 1px #3582EA solid
; color: #FC3A04
; font-weight: bolder
}
TEXTAREA {
FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px
; border: 1px #000000 solid
; background-color: #DCEFF8
}
FORM {
FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px
; border: none
}
A:visited {color: #000000;text-decoration:none;}
A.bb {color: black; text-decoration:none;font-weight:bold;}
A.bb:visited {color: black; text-decoration:none;font-weight:bold;}
A:hover {color:#004098; text-decoration: underline & overline;}
A.bb:hover {color:red;}
A:link {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; TEXT-DECORATION: underline
}
A:active {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #0066FF; TEXT-DECORATION: underline
}
.title {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.content {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px
}
.contentblocks {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px
}
.storytitle {
BACKGROUND: none transparent scroll repeat 0% 0%; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.storycat {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
.boxtitle {
BACKGROUND: none transparent scroll repeat 0% 0%; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.boxcontent {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px
}
.option {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.tiny {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 13px; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
SELECT { font-size: 13px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #94BEF4}
.headertop {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
color : #333366;
background-color : #84B6F7;
}
.headerline {
background-color : #000000;
height : 2px;
width : 100%;
}
.headerform {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
font-weight : normal;
color : #000000;
vertical-align : middle;
}
.tiretvertical {
background-repeat : repeat-y;
background-position : 50% 0%
}
.boxback1 {
background-color : #84B6F7;
}
.newsline {
background-image : url('/themes/alwateen-Blue/images/line-news.gif');
background-repeat : repeat-x;
background-position : 0% 50%;
height : 10px;
width : 100%
}
.newstitle {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bolder;
color : #EBF2FE;
text-decoration : underline;
text-align : right;
vertical-align : middle;
background-color : #84B6F7;
}
.tiretright {
background-repeat : repeat-y;
background-position : 100% 0%
}
.newstexte {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
font-weight : normal;
background-color : #84B6F7;
}
.menu {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
font-weight : bold;
color : #EBF2FE;
text-decoration : none;
}
.w-n-t {
BORDER-TOP: 1px solid #3870a8; BACKGROUND: #a2c9f6 url('http://ic.walla.co.il/w6/hp/b-n-t.gif'); COLOR: #004c99; HEIGHT: 19px
}
.w-c-b {
BACKGROUND: #a79974
}
.w-n-b {
BACKGROUND: #3870a8
}
.w-c-t {
BORDER-TOP: 1px solid #a79974; BACKGROUND: #e6dbbe url('http://ic.walla.co.il/w6/hp/b-c-t.gif'); COLOR: #433717; HEIGHT: 19px
}
.w-n-b {
BACKGROUND: #3870a8
}
.w-c-t {
BORDER-TOP: 1px solid #a79974; BACKGROUND: #e6dbbe url('http://ic.walla.co.il/w6/hp/b-c-t.gif'); COLOR: #433717; HEIGHT: 19px
}
.w-c-bx .w-n {
COLOR: #0000dd
}
.w-n-bx {
BORDER-RIGHT: #3870a8 1px solid; BORDER-LEFT: #3870a8 1px solid
}
.w-p-bx {border: 1px solid #3870A8;}
.top_line {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arabic Transparent; BACKGROUND-COLOR: #3e4a6f
}
.input_field {
BORDER-RIGHT: #626262 1px solid; BORDER-TOP: #626262 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 13px; BORDER-LEFT: #626262 1px solid; COLOR: #000000; BORDER-BOTTOM: #626262 1px solid; FONT-FAMILY: Arabic Transparent; BACKGROUND-COLOR: #ffffff
}
.button {
BORDER-RIGHT: #33457c 1px solid; BORDER-TOP: #33457c 1px solid; FONT-SIZE: 14px; BORDER-LEFT: #33457c 1px solid; COLOR: #000000; BORDER-BOTTOM: #33457c 1px solid; FONT-FAMILY: Arabic Transparent; BACKGROUND-COLOR: #cccccc
}
واذا لزم الامر سارفق الملفات هنا .
اخي f555f و daif الموقع لا يظهر بالفايرفوكس (مع اني لا اعرف الفايرفوكس ) لكن حسب ما فهمت بسبب الامر اللذي يدل على وجود صوره .. لقد كنت مضطرا لوضع هذا الامر بالموقع وساقول لكم لماذا ..
الموقع لا يحتاج لمثل هذا الامر لكن عندما رفعت الموقع الى شركة استضافه مجانيه اصبح لغة العربي تظهر كاحرف صينيه الا قسم مكتة الصور تظهر لغة العربي بدون مشاكل , فحصت اوامر العربي مثل :
كود:
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256
وهي موجوده بكل صفحات الموقع , وقد شاب شعري من هذه المشكله , وقد وجت بانه عند وضع الامر : Content-Type: image/png تظهر لغة العربي بشكل صحيح.
وبدون هذا الامر ستنقلب الاحرف الى الصيني وعند زيارة كل صفحه ستجد رموز غريبه !!