با تشکر
مشکل سوم حل شد.
کد css را گذاشتم لطفا بررسی کنید.
با تشکر
@charset "utf-8";
@import url(reset.css);
@import url(joomla.css);
body {
font-family:Tahoma, Geneva, sans-serif;
line-height:20px;
font-size:12px;
background-color: #74ae03;
width:999px;
margin:0 auto;
text-align:right;
}
h1, h2, h3, h4 {
font-weight : normal;
line-height : 1.2em;
color : #000;
margin : 0 0 1em;
}
h1 {
font-size : 28px;
}
h2 {
font-size : 24px;
}
h3 {
font-size : 20px;
}
h4 {
font-size : 16px;
}
p {
margin : 0 0 1em;
line-height : 1.35em;
}
#daryaweb {
width:999px;
}
#head{
width: 999px;
height:344px;
background-image:url(../images/header.png);
background-repeat:no-repeat;
background-position:center;
}
#head1{
width:600px;
height:55px;
background-image:url(../images/fff.png);
background-repeat:no-repeat;
background-position:center;
top:40px;
left:23px;
position:relative;
}
#flash{
width:300px;
height:27px;
position:relative;
top:15px;
left:5px;
margin-right:20px;
position:relative;
}
#login{
width:250px;
height:40px;
top:3px;
left:325px;
position:absolute;
}
#menu{
background-image:url(../images/menu.png);
background-repeat:no-repeat;
background-position:center;
position:relative;
top:35px;
left:480px;
width:284px;
height:30px;
}
#head1b{
background-image:url(../images/headb.png);
background-repeat:no-repeat;
background-position:center;
position:relative;
top:10px;
left:20px;
width:462px;
height:14px;
}
#search1{
background-image:url(../images/searchh.png);
background-position:center;
background-repeat:no-repeat;
position:relative;
left:20px;
bottom:150px;
width:222px;
height:38px;
}
#search{
width:175px;
height:25px;
position:absolute;
top:8px;
left:7px;
text-align:right;
direction:rtl;
}
div.search > input#mod_search_searchword.inputbox{
color:#0F0;
}
#slide{
width:599;
height:188px;
position:relative;
background-image:url(../images/slideshow.png);
background-repeat:no-repeat;
background-position:right;
top:18px;
right:240px;
}
#slideshow{
width:430px;
height:170px;
position:relative;
top:10px;
left:550px;
}
#main{
width:970px;
background-color:#CCC;
background-repeat:repeat-x;
background-position:center;
width:999px;
}
#footer{
background-image:url(../images/footer.png);
background-repeat:no-repeat;
background-position:center;
width:999px;
height:276px;
clear:both;
}
#left{
width:215px;
background-color:#cfcfcf;
border-radius:10px;
margin-left:20px;
float:left;
}
#left1{
width:215px;
background-color:#cfcfcf;
border-radius:10px;
margin-left:20px;
float:left;
}
#bread{
width:507px;
height:32px;
background-image:url(../images/bread1.png);
background-position:center;
background-repeat:no-repeat;
float:left;
position:relative;
margin-left:25px;
}
#bread1{
width:500px;
height:30px;
position:relative;
right:30px;
top:4px;
}
#content{
width:506px;
float:left;
background-color:#dedede;
margin-left:25px;
}
#right{
width:215px;
background-color:#cfcfcf;
border-radius:10px;
margin-right:10px;
float:right;
padding-top:5px;
top:-32px;
position:relative;
}
table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td.contentheading{
background-image:url(../images/contanthead.png);
background-position:center;
background-repeat:no-repeat;
}
#left p{
margin-right:15px;
}
#bottom{
background-image:url(../images/botom1.png);
background-position:center;
background-repeat:no-repeat;
float:right;
position:
relative;
width:514px;
height:214px;
right:230px;
}
#bottom1{
width:470px;
height:130px;
position:relative;
top:30px;
left:20px;
}
html > body > div#daryaweb > div#main > div#content > table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td.buttonheading > a > img{
right:50px;
float:left;
}
html > body > div#daryaweb > div#main > div#content > table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td.buttonheading{
float:right;
}
div#content > table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td > div.art-postcontent > div.art-article > p{
padding-right:10px;
padding-left:10px;
}
html > body > div#daryaweb > div#head > div#menu > table > tbody > tr > td > a.mainlevel{
margin-right:25px;
padding-top:5px;
}
html > body > div#daryaweb > div#main > div#content > table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td > p{
direction:rtl;
margin-right:10px;
margin-left:10px;
}
#left ul{
margin-right:15px;
}
#right ul{
margin-right:15px;
}
html > body > div#daryaweb > div#head > div#menu > table > tbody > tr > td > a.mainlevel{margin-right:13px;}
#menu ul{
margin-right:15px;
}
html > body > div#daryaweb > div#main > div#content > table.blog > tbody > tr > td > div > table.contentpaneopen > tbody > tr > td.contentheading{
text-align:right;
}
.contentpaneopen p{
text-align:right;
}
.contentpaneopen > tbody > tr > td{
text-align:right;
}
div#main > div#right > form > table.poll > thead > tr > td{
text-align:right;
padding-right:10px;
}
div#content > table.contentpaneopen > tbody > tr > td.contentheading{
background-image:url(../images/contanthead.png);
background-position:center;
background-repeat:no-repeat;}
div#daryaweb > div#main > div#content > form#poll > div.componentheading{
margin-top:15px;
margin-right:15px;
}
div#daryaweb > div#main > div#content > form#poll > div.contentpane > table.pollstableborder > tbody > tr.sectiontableentry1 > td{
text-align:right;
margin-right:10px;
margin-left:10px;
}
div#daryaweb > div#main > div#content > form#poll > div.contentpane > table.pollstableborder > tbody > tr.sectiontableentry0 > td{
text-align:right;
margin-right:10px;
margin-left:10px;
}
html > body > div#daryaweb > div#main > div#content > form#poll > div.contentpane > table > tbody > tr > td.smalldark{
text-align:right;
margin-right:10px;
margin-left:10px;
}
html > body > div#daryaweb > div#main > div#content > form#poll > div.contentpane{
text-align:right;
direction:rtl;
margin-right:10px;
margin-left:10px;
margin-bottom:10px;
}
html > body > div#daryaweb > div#main > div#content > form#poll > div.contentpane > table.pollstableborder > thead > tr > th.sectiontableheader{
text-align:right;
}
html > body > div#daryaweb > div#main > div#content > table.contentpaneopen > tbody > tr > td{
direction:rtl;
}
#footer1{
position:relative;
top:210px;
text-align:center;
}
#footer2{
position:relative;
top:210px;
text-align:center;
}
div#left > div#left1 > ul.menu > li > a {
background-color:#FFF;
width:200px;
height:15px;
}
html > body > div#daryaweb > div#main > div#content > table.contentpaneopen > tbody > tr > td > p{
margin-right:10px;
margin-left:10px;
}
html > body > div#daryaweb > div#main > div#content > table.contentpane > tbody > tr > td > ul > li{
direction:rtl;
text-align:right;
}
html > body > div#daryaweb > div#main > div#content > table.contentpane > tbody > tr > td > ul > li > span.small{
float:left;
margin-left:15px;
}
html > body > div#daryaweb > div#main > div#content > div.componentheading{
margin-right:15px;
}
form > table.poll > tbody > tr > td > table.pollstableborder > tbody > tr > td{text-align:right;
}
form > table.poll > tbody > tr > td > table.pollstableborder > tbody > tr > td.sectiontableentry1{
direction:ltr;
}
a.readon:link, a.readon:visited, a.readon:active,
.pagenavbar a:link, .pagenavbar a:visited, .pagenavbar a:active{
display: block;
width:14%; height:20px;
font-size: 10px;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0em;
padding: 0px 10px;
margin-top: 20px;
background-color: #323232; line-height:14px;
margin-left:5px;
direction:rtl;
}
a.readon:hover, .pagenavbar a:hover{
color: #191919;
text-decoration: none;
background-color:#7ECB3D;
}
div.blog_more{
text-align:right;
direction:rtl;
background-color:#9F0;
padding-right:15px;
}
}
table.blog{
text-align:right;
direction:rtl;
background-color:#FF0;
}
table.blog > tbody > tr > td > span.pagenav{
text-align:right;
direction:rtl;
background-color:#9F0;
padding-right:15px;
}
html > body > div#daryaweb > div#main > div#content > table.blog > tbody > tr > td > a.pagenav{
text-align:right;
direction:rtl;
background-color:#9F0;
padding-right:15px;}
form > table > tbody > tr.sectiontableentry2 > td{
text-align:right;
}
table.contentpane > tbody > tr > td > form > table > tbody > tr.sectiontableentry1 > td{
text-align:right;
}
table.contentpane > tbody > tr > td > form > table > tbody > tr > td.sectiontableheader{
text-align:center;
}
table.contentpane > tbody > tr > td.contentdescription{
text-align:right;
direction:rtl;
}
html > body > div#daryaweb > div#main > div#content > table.contentpane > tbody > tr > td > form {
text-align:right;
direction:rtl
}
html > body > div#daryaweb > div#main > div#content > table.contentpane > tbody > tr > td > form > table > tbody > tr.sectiontableentry1 > td{
background-color:#3F9;
}
html > body > div#daryaweb > div#main > div#content > table.contentpane > tbody > tr > td > form > table > tbody > tr.sectiontableentry2 > td{
background-color:#3FF;
}
html > body > div#daryaweb > div#main > div#content > ul > li{
direction:rtl;
}
html > body > div#daryaweb > div#main > div#content > form#searchForm{
text-align:right;
direction:rtl;
padding-right:15px;
}
html > body > div#daryaweb > div#main > div#content > form#searchForm > table.searchintro > tbody > tr > td{
text-align:right;
}
html > body > div#daryaweb > div#main > div#content > table.contentpaneopen > tbody > tr > td > fieldset > div{
padding-right:15px;
padding-left:15px;
padding-bottom:15px;
}
html > body > div#daryaweb > div#main > div#content > form#josForm.form-validate{
text-align:center;
direction:rtl;
}
div.moduletable > h3{
background-image:url(../images/h3.png);
background-position:center;
background-repeat:no-repeat;
width:200px;
text-align:center;
height:55px;
color:#FFF;
padding-top:10px;
}
کد index.php
<div id="daryaweb">
<div id="head">
<div id="head1">
<div id="flash"><jdoc:include type="modules" name="flashnews" style="xhtml" /></div>
<div id="login"><jdoc:include type="modules" name="login" style="xhtml" /></div>
</div><!--end of head1-->
<div id="menu"><jdoc:include type="modules" name="menu" style="xhtml" /></div>
<div id="head1b"></div>
<div id="slide"><div id="slideshow"><jdoc:include type="modules" name="slideshow" style="xhtml" /></div></div>
<div id="ss">
<div id="search1"><div id="search"><jdoc:include type="modules" name="search" style="xhtml" /></div></div>
</div>
</div><!--end of head-->
<div id="main">
<div id="left"><div id="left1"><jdoc:include type="modules" name="left" style="xhtml" /></div></div>
<div id="bread"><div id="bread1"><jdoc:include type="modules" name="breadcrumb" style="xhtml" /></div></div>
<div id="content"><jdoc:include type="component" /> </div>
<div id="right"><jdoc:include type="modules" name="right" style="xhtml" /></div>
<div id="bottom"><div id="bottom1"><jdoc:include type="modules" name="bottom" style="xhtml" /></div></div>
</div><!--end of main-->
<div id="footer"><div id="footer1">طراح گرافیک: عابدینی</div>
<div id="footer2">کدنویسی: دریا وب دیزاین</div>
</div>
