مشکل در طراحی قالب

[ghezi65]

سلام دوستان، وقتتون بخیر
قالب ساده ای واسه جوملا 2.5 دارم طراحی میکنم به چند تا مشکل برخوردم ممنون میشم راهنمایی کنید
این ادرس سایت: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

مشکل اولم فونت منوی اصلی در مرورگر fierfox و ie هست که حروف به هم می چسبند و فقط تو کروم درست نشون میده
دوم اینکه مطالب سایت که ویژه کردم داخل فوتر سایت میرن در صورتیکه من div content رو ارتفاعشو auto کذاشتم

سوم اینکه در قسمت فوتر من برای فرم سفارش و ورود ار فرم ساز استفاده کردم و ظاهرش رو با css تغییر دادم :)
حالا میخوام اون دکمه لغو و ارسال کنار هم قرار بگیرن نه زیر هم که متاسفانه نتونستم با css درستش کنم ، بعد اینکه میخوام رنگ عنوان فرم ورود زرد باشه و فرم سفارش سفید اما چون کلاس هر دوشون componentheading هست رنگی که میزارم واسه هر دو اعمال میشه چه طوری این کار رو انجام بدم؟

چهارم اینکه چه طوری بین اون متنی که پایین فرم ورود نوشته شده enter ایجاد کنم که جمله بعدیش بره خط بعد؟

و مورد اخر متنی که داخل تگ p تو فوتر در فایل index.php فارسی نوشتم به صورت علامت سوال شده، البته encoding رو رعایت کردم
ببخشید سوالاتم خیلی زیاد هستن

پیشاپیش ممنونم

[محمدرضا بهارلو]

سلام
کل این کد را توی فایل template.css قالبت کپی کن

کد: (انتخاب همه)

* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #F0F0F0;
    color: #000000;
    font-family: B nazanin;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    width: 960px;
}
h1 {
    display: none;
}
#main {
    background-color: #FFFFFF;
    width: 960px;
}
#mainmenu {
    background-image: url("../images/mainmenu1.png");
    color: #000000;
    height: 89px;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 960px;
    z-index: 2;
}
.menu {
    display: inline;
    list-style: none outside none;
}
.menu li {
    color: #000000;
    display: inline;
    text-decoration: none;
}
.menu li a:hover {
    color: #0000FF;
    text-decoration: none;
}
.menu li a {
    color: #000000;
    font-weight: bold;
    padding-right: 17px;
    text-decoration: none;
}
h3 {
    display: none;
}
#menubar {
    color: #000000;
    font-size: 16px;
    height: 30px;
    position: relative;
    right: 60px;
    top: 30px;
    width: 700px;
}
#logo {
    background-image: url("../images/logo1.png");
    float: left;
    height: 47px;
    position: relative;
    top: 10px;
    width: 200px;
}
#sociall {
    display: inline;
    float: right;
    height: 88px;
    position: relative;
    right: 10px;
    top: 15px;
    width: 110px;
}
#header {
    background-image: url("../images/header1.png");
    height: 450px;
    margin: auto;
    position: relative;
    top: 0;
    width: 960px;
    z-index: 1;
}
#menubar2 {
    color: #000000;
    font-family: B Nazanin;
    font-size: 22px;
    height: 40px;
    margin-top: 25px;
}
#back {
    background-image: url("../images/2.png");
    float: left;
    height: 164px;
    left: 95px;
    position: relative;
    top: -120px;
    width: 740px;
    z-index: 0;
}
#content {
    clear: both;
    color: #000000;
    font-family: B nazanin;
    font-size: 14px;
    height: auto;
    position: relative;
    width: 960px;
}
.item {
    float: right;
    top: -145px;
    z-index: 2;
}
.item-page {
    float: right;
    position: relative;
    top: -100px;
    z-index: 2;
}
.cols-4 .item {
    margin-right: 65px;
    width: 17%;
}
#user {
    clear: both;
    float: right;
    height: 86px;
    margin-bottom: -85px;
    margin-right: 80px;
    position: relative;
    transform: rotate(1deg);
    width: 220px;
}
#footer {
    background-color: #FFFFFF;
    background-image: url("../images/footer1.png");
    clear: both;
    font-size: 12px;
    height: 400px;
    text-align: right;
    width: 960px;
}
#f1 {
    clear: both;
    float: left;
    font-size: 15px;
    height: 300px;
    left: 95px;
    margin-top: 57px;
    position: relative;
    width: 350px;
}
#f2 {
    clear: both;
    float: right;
    font-size: 15px;
    height: 300px;
    position: relative;
    right: 125px;
    top: -260px;
    width: 350px;
}
#f3 {
    float: left;
    height: 35px;
    left: -30px;
    position: relative;
    top: 10px;
    width: 200px;
}
#p {
    color: #FFFFFF;
    font-family: B nazanin;
    font-size: 13px;
    position: relative;
    right: -200px;
    text-align: center;
    top: 373px;
}
#name.rsform-input-box {
    background-color: #666666;
    border: 0 none;
    opacity: 0.1;
}
#email.rsform-input-box {
    background-color: #666666;
    border: 0 none;
    opacity: 0.1;
}
#name2.rsform-input-box {
    background-color: #666666;
    border: 0 none;
    opacity: 0.1;
}
#product.rsform-input-box {
    background-color: #666666;
    border: 0 none;
    opacity: 0.1;
}
#number.rsform-input-box {
    background-color: #666666;
    border: 0 none;
    opacity: 0.1;
}
#kod.rsform-input-box {
    background-color: #666666;
    border: 0 none;
    opacity: 0.1;
}
tr.rsform-block-name {
    background-image: url("../images/40.png");
    height: 30px;
}
tr.rsform-block-email {
    background-image: url("../images/40.png");
    height: 30px;
}
tr.rsform-block-product {
    background-image: url("../images/40.png");
    height: 30px;
}
tr.rsform-block-name2 {
    background-image: url("../images/40.png");
    height: 30px;
}
tr.rsform-block-number {
    background-image: url("../images/40.png");
    height: 30px;
}
tr.rsform-block-kod {
    background-image: url("../images/40.png");
    height: 30px;
}
tr.rsform-block.rsform-block-text {
    color: #FFFFFF;
    height: 100px;
}
.rsform-submit-button {
    float: right;
}
.rsform-block rsform-block-exit {
}
.rsform-password-box {
}
.componentheading {
    color: #FFFFFF;
}
.footer1 {
    display: none;
}
.footer2 {
    display: none;
}
input#Send.rsform-submit-button {
}
input#cancel.rsform-submit-button {
}

.rsform-block.rsform-block-cancel {
    float: left;
    margin: -28px 0 0;
}

البته قبلش فایل را یه کپی در محلی دیگر بگیر و این کد ها را جایگزین قبلی کن
بعدش سیو و سایت رو مشاهده کن

برقرار باشید

[ghezi65]

سلام
ممنون، اما جناب بهارلو تنها اتفاقی که افتاد محتوای سایت درست شد که ممنونم :) اما بقیه مشکلات هستن هنوز و همچنین body سایت از پایین مرورگر خیلی فاصله گرفته و تگ p و همچنین موقعیت f3 جاشون بهم ریخت که البته اونا رو درست کردم

یه مورد اینکه دایو main بعد از دایو content بسته میشه اما من الان که از فایرباگ استفاده میکنم میبینم content بعد دایو main قرار میگیره و بکگراند main واسش اعمال نمیشه
بقیه مشکلات رو چیکار کنم؟