مساعدة هامة في كود css

انا كان عندي مشكلة..لما بضع عناصر اضافية في الصفحة الرئيسية كانت بتشوه المنتدي مع اني لا استعمل اكواد خارجية بس اكتشفت ان المشكلة في الدزاين نفسه وكود css لان لما شلته خالص المشكلة انحلت ..انا الان اريد الخبراء يكتشفوا المشكلة فين داخل الكود ارجوكم انا محتاجة ده ضروري

الكود:


img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post11.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/mp10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post11.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/mp110.png') no-repeat center !important;}

img[src="http://hitskin.com/themes/15/69/75/i_post.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/raspun11.png') no-repeat center !important;}
img[src="http://hitskin.com/themes/15/69/75/i_post.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/raspun10.png') no-repeat center !important;}

img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/blocat10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/blocat11.png') no-repeat center !important;}

.i_post{background: url(http://i33.servimg.com/u/f33/15/33/29/01/topic_13.png) no-repeat center !important;}

.i_post:hover{background: url(http://i33.servimg.com/u/f33/15/33/29/01/topic_14.png) no-repeat center !important;}

#new-message-link a{border: none !important;
-moz-box-shadow : 0 0 0px #666 !important;
-webkit-box-shadow : 0 0 0px #666 !important;
box-shadow : 0 0 0px #666 !important;}

#search-box{
margin-top: -195px;
position: relative;
bottom: -20px;
height: 39px;
width: 185px;
right: 180px;
display: inline;
background: transparent;}

#main-content {
width: 950px;
padding: 24px;
padding-top: -35em;
}

#page-header .navbar{
width: 1000px;
top: -65px;
right: 0px;
position: relative;
background: none !important;}

#logo img{
display: inline;
float: left;
position: relative;
top: -195px;
left: 25px;}

body{
background: #A0C73F url(http://i66.servimg.com/u/f66/13/46/75/82/header33.png) no-repeat top center;
padding-top: 265px;}

#page-body{
margin-left: 0px;
margin-top: -5px;
background: url(http://img180.imageshack.us/img180/4454/templatemocontent.jpg) repeat-y center;}

#page-footer{
height: 150px;
width: 1000px;
margin-left: 0px;
margin-top: -3em;
background: url(http://i33.servimg.com/u/f33/15/33/29/01/1foote11.png) no-repeat bottom center; no-repeat bottom center }

#page-footer .navbar{background: none !important;}

#page-header .navbar ul{border: none;}

.forabg, .forumbg {
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;
padding: 0 6px !important;}

li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');
border-bottom-color: #FFFFFF;}

.forumline{
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;}

.forabg dd.posts, .forabg dd.topics, .forabg dd.lastpost{margin: 3px;}

.forabg ul.forums, .pmlist {
border: 2px solid white;
background: #e7e5e5 url(http://i66.servimg.com/u/f66/13/46/75/82/a20.png) !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

 ul.topiclist, .pmlist {
z-index: 999 !important;
position: relative !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.forabg .row{background: none !important;}

.forumbg .row{
border-left: 2px solid white;
border-right: 2px solid white;}

.forumbg .row:first-child, .forumbg .row2:first-child, .table1 .row:first-child, .table1 .row2:first-child{
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px 10px 0 0;
border-top-right-radius: 10px 10px 0 0;
border-top: 2px solid white;}

.forumbg .row:last-child, .forumbg .row2:last-child, .table1 .row:last-child, .table1 .row2:last-child{
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px 10px 0 0;
border-bottom-right-radius: 10px 10px 0 0;
border-bottom: 2px solid white;}

.table1{
z-index: 999 !important;
position: relative;}

.forumbg-table .left-box, .forumbg-table .right-box, .forumbg-table .row1{
z-index: 999 !important;
position: relative !important;}

table{
border-spacing: 0px;
border-collapse: expression('separate', cellSpacing = '0px');}

#login_popup {border: 2px solid #198699;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;}

.pagination a {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px !important;}

.pagination a:hover{color: #90AD0E !important;}

.pagination span strong{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
color: #198699;}

.row .pagination {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/docume11.png') 0 50% no-repeat;}

.resizebox{
background: #ffffff url("http://i66.servimg.com/u/f66/13/46/75/82/zoom11.png") 1px 1px no-repeat;
background-position: top right;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;}

.resizebox .resize_border{border: 1px solid #e4e4e4;}

#chatbox{
left: 205px;
top: 40px;}

#chatbox_members{
top: 40px;}

#chatbox_footer {padding-top: 4px !important;
padding-bottom: 4px !important;
padding-right: 0px !important;
padding-left: 0px !important;
width: 96%;
margin-left: 1.5%;}

#chatbox_footer #message{
padding: 3px;
width: 70%;
cursor: text;}

#chatbox_footer .text-field {
width: 500px;
margin-top: 5px;}

#chatbox_footer .fontbutton{
padding: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f6ffe0;
border: 2px solid #558A11;}

input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, #main-content a.cgu-buttons:hover {
color: #048ebb;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: #bfbfbf;
padding: 3px;}



.introduction  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border-bottom: 1px dashed white;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.header {
text-shadow: 1px 1px 0px #4f7c02;
}

ul.search{
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid white;}

#search-box #keywords {
width: 80px;
background: transparent;
text-shadow: 1px 1px 0px #286b00;
color: white;
font-family: Georgia;
font-style: italic;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 28px;}

#search-box input.button2 {
font-size: 0px;
background-image: url();
background-color: transparent;
background-repeat: no-repeat;
width: 24px !important;
height: 24px !important;
border: 0;
margin-left: -4px;
margin-bottom: -9px;
background-position: 0 100%;
color: transparent;}

#page-footer .copyright strong a{
background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
border: 2px solid white;
padding: 5px;
background: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
bottom: 30px;
width: 100% !important;
right: -30em;
}

/*-------------------llink-uri footer-------------------*/

#page-footer{color: transparent;}

#page-footer .gensmall{color: transparent;}

img[src="http://2img.net/i/fa/empty.gif"]{display: none !important;}

img[src="http://2img.net/i/fa/icon_mini_search.gif"]{display: none !important;}

#page-footer a[href="/stats.htm"]{display: none !important;}

#page-footer a{
text-shadow: 1px 1px 2px #c9c9c9;
color: #007684;
position: relative;
bottom: -45px;}

/*-------------------sfarsit - link-uri footer-------------------*/

/*-------------------titlul categoriilor | fara efect-------------------*/


h1.page-title {
font-family: Verdana;}

h1.page-title a:hover {
text-decoration: none;}

.content {
color: #5f5f5f;
font-family: Verdana;}

.content a:hover {
text-decoration: none;}

a.forumtitle {
font-family: Verdana;}

a.forumtitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}

a.topictitle {
font-family: Verdana;}

a.topictitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}

.postbody .topic-title {
font-family: Verdana;}

.postbody .topic-title a:hover {
text-decoration: none;}

/*-------------------Sfarsit - titlul categoriilor | fara efect-------------------*/

ul#privmsgs-menu {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/shape_17.png');
text-align: CENTER;
padding: 24px 0;}

/*MODIFICARI PT. TAG-URI-------------------------------------------------*/

a:hover, a{
text-decoration: none !important;
border-color: none !important;}

img{border: none !important;}

a:focus{-moz-outline-style: none !important;}

a {outline: none;}

textarea, input{outline: none;}

#text_editor_textarea{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #1675bc;}

input{
background: white url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid lightgrey;
padding: 2px;
text-shadow: white 1px 1px 0px;}

input[type="submit"]{cursor: pointer;}


/*MODIFICARI PT. TAG-URI-SFARSIT-------------------------------------------------*/

/*-------------------Imagine mozilla-------------------*/

ul.linklist li.footer-home {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/121.png) no-repeat top;
width: 302px;
height: 136px;
margin-left: -75px;
margin-top: -1px;
color: transparent !important;
font-size: 0px !important;}

/*-------------------Sfarsit - Imagine mozilla-------------------*/

ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/shape_16.png');
text-align: center;
padding: 24px 0;}

.overview{
border: 2px solid #2b6f02;
top: 50px !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: white !important;
background: #3B9D00 url(http://i66.servimg.com/u/f66/11/96/49/61/ovbg10.png) repeat-x;}

.overview label{color: white;}

.overview .row2{background: none;
border-bottom: 1px dashed white;
text-shadow: 1px 1px 1px black;}

.overview a{position: static !important; left: -10px;}

p.path, .pathname-box, .pathname-box p, .info-gallery {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

p.author {
position: relative;
right: -7em;
margin-top: 20px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;
}

.post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom left;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#preview {
background: #f7f7f7 !important;}

.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

input[type="text"],input[type="password"]{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

#tabs a, #tabs .activetab a, #tabs a:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

.introduction, .panel, .postprofile, .module {background-color: #fcfcfc;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

p em b a.gensmall{
font-style: normal;
font-style: normal;
font-weight: bold;
font-family: Verdana;
text-transform: none;
}

h1.page-title {
font-size: 12px;
text-shadow: 1px 1px 0px #f1f1f1;}

.search-box {
   margin-top: 0;
   margin-left: 5px;
   float: right;
display: none;
   }

.blog_cal-border {
background-color: transparent;
border: 0px;
background: url('http://i45.tinypic.com/af911z.png') no-repeat center;
padding: 5px 5px;}

.blog_cal-content {
background-color: transparent;
color: #FFFFFF;}

.propune-tutorial {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun12.png) no-repeat;
margin-left: 400px;
}

.propune-tutorial:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun13.png) no-repeat;
}

.template a img {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/127.png) no-repeat;
}

.template a img:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/212.png) no-repeat;
}

blockquote {
margin: 1em 10px 1em 25px;
background: transparent url("http://i88.servimg.com/u/f88/14/28/28/25/bb_quo10.gif") 1px 1px no-repeat;
background-position: top right;
border: 1px solid #dadada;
font-size: 0.95em;
margin-left: 0px;
overflow: hidden;}

blockquote blockquote {
background-color: transparent;
font-size: 0.95em;
margin: 0.5em 1px 0pt 15px;}

blockquote blockquote blockquote {
font-size: 0.95em;
background-color: transparent;}

dl.codebox {
padding: 3px;
background-color: transparent;
border: 1px solid #dadada;
font-size: 1em;
font-family: Trebuchet MS;}

dl.codebox dt {
text-transform: none;
font-size: 0.95em;
background-image: url('http://i88.servimg.com/u/f88/14/28/28/25/bb_cod10.gif');
background-repeat: no-repeat;
background-position: top right;
border-bottom: 0px solid #FFFFFF;
font-weight: bold;}

dl.codebox code {
font: 0.9em Verdana,Arial,Helvetica,sans-serif;
color: #666666;}




#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width: 400px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid black;
}

.tabcontent{
display:none;
}

طب انهي منطقة في الكود خاصة بالعناصر وانا يمكن احلها..يعني المفروض بداية الكود الخاص بالعناصر ايه؟؟

اهلا اختي هل تقصدي يوجد فراغ في الجانب ام ماذا الرجاء التوضيح؟؟

انا راح اضيف عناصر الي الصفحة الرئيسية و انت شوف ما اقصد لانها تشوه منظر المنتدي

هذا رابط المنتدي
www.youplay.forumegypt.net

اوكي بالانتظار

انا اضفتها اخي انت يمكنك الدخول و تري بنفسك

اها اختي يسبب بحذف جزء من الاقسام

اختي قومي بمسح اكواد الـ
css
كلها ولاتنسي حفظها في مذكره قبل المسح

بس لم مسحتها كلها في جزئ من التصميم اتشال

المشكله هل ذهب ام لا؟؟ عند المسح؟

اخي انا لما مسحتو التصميم اتغير خالص ادخل وشوف

اهاا اختي يوجد احد الاكواد في ورقه الـ
css
يسبب هذه المشكله
يجب عليكي الان وضع جميع الاكواد
ومسح واحد تلو الاخر حتى تبين المشكله
يعني امسح احد الاكواد وسجلي واعملي رفريش لصفحه المنتدى
ولاحظي هل ذهبت المشكله ام لا
اذا لم تنحل المشكله امسح الكود الثاني وهكذا حتى يتم معرفت الكود المسبب للشمكله

اوكي فهمتك انتظر من الرد

اتحلت اوكي