تعیین زنگ پس زمینه [بایگانی]

myysl97

یک شنبه 01 تیر 1393, 20:39 عصر

سلام دوستان
چرا من سایتی که نوشتم پس زمینه رو به این صورت میدم اما عوض نمیشه

.main {
height: auto;
width: 993px;
margin: auto;
background-color: white;
border-right: 2px solid #e5c362;
border-left: 2px solid #e5c362;
}

به نظرتون دلیلش چیه که هر چی رنگ میدم تغییر نمیکنه و رنگ کلی body بهش اعمال میشه

shaparak631

یک شنبه 01 تیر 1393, 23:39 عصر

سلام
این css که شما نوشتید درست کار میکنه
باید کد اون قسمت که ازش استفاده میکنید رو بزارید چون اینکه مشکلی نداره

aroshanzamir

دوشنبه 02 تیر 1393, 00:36 صبح

سلام دوست من :

کد css شما هیچ مشکلی نداره ...

موفق باشی

rezadana

دوشنبه 02 تیر 1393, 01:00 صبح

سلام.
شما باید شیء مربوط به بکگراند رو در کدهای صفحتون بزارید و خاصیت کلاسشو برابر با استایلی که تعریف کردید قرار بدید.
به فرض مثال در کدهای صفحتون ز شیء div استفاده نمایید برای بکگراند کلی و کلاس اون رو برابر با main که در استایل نوشتید قار بدید.

<body><div class="main">
در اینجا کدهای کامل صفحتون
</div></body>

myysl97

دوشنبه 02 تیر 1393, 09:57 صبح

ممنون از دسوتان کل کدمو اینجا میذارم اگر دوستان راهنمایی کنن ممنون میشم

body {
/* background-image: url('img-v/bg.jpg');#4685a6; */
background-repeat: repeat-x;
background-color: #f4eb60;
font-family: Tahoma;
font-size: 12px;
background-color:white;
}

.head {
width: 1000px;
height: 120px;
margin: auto;
}

.txt {
font-family: Tahoma;
font-size: 12px;
height: 22px;
width: 300px;
border: 1px inset #808080;
background-color: #EFEFEF;
}

.btn {
background-color: #FDD6AC;
border: 1px solid #FCB379;
font-family: Tahoma;
font-size: 11px;
}

.up-main {
height: 29px;
width: 1000px;
margin: auto;
background-image: url('img-v/upmenu.png');
direction: rtl;
text-align: right;
}

.tarih {
width: 500px;
height: 15px;
margin-right: 20px;
margin-top: 5px;
padding-top: 5px;
font-family: Tahoma;
font-size: 12px;
color: white;
}

.main {
height: auto;
width: 993px;
margin: auto;
background-color: white;
border-right: 2px solid #e5c362;
border-left: 2px solid #e5c362;
}

.amar {
height: 175px;
}

.nazarsanji {
height: 350px;
direction: rtl;
text-align: right;
color: #8b0000;
line-height: 21px;
}

.payamek {
height: 114px;
text-align: center;
}

.main-r {
width: 185px;
float: right;
margin-right: 10px;
margin-top: 10px;
}

.menu-as {
height: 370px;
direction: rtl;
text-align: right;
}

.formha {
height: 350px;
text-align: center;
}

.form-ax {
height: 75px;
width: 172px;
text-align: center;
margin: auto;
padding-top: 5px;
}

.head-main {
height: 21px;
background-repeat: no-repeat;
direction: rtl;
text-align: right;
background-position-x: right;
border-bottom: 1px solid #7a5a01;
}

.main-c {
width: 520px;
float: right;
margin: 10px;
margin-right: 15px;
text-align: right;
direction: rtl;
border: 1px solid #EFEFEF;
}

.my-slide-n {
width: 500px;
margin: 5px;
height: 300px;
}

.head-last-news {
width: 500px;
margin: 5px;
height: 27px;
color: white;
background-color: #439eb0;
direction: rtl;
text-align: right;
}

.last-news {
width: 500px;
margin: 5px;
height: auto;
background-color: #eaeaea;
}

.main-l {
width: 230px;
float: left;
margin-left: 10px;
margin-top: 10px;
}

.ads {
height: 240px;
text-align: center;
}

.alaleh {
padding-top: 5px;
height: 220px;
text-align: center;
}

.ax-ruz {
height: 165px;
text-align: center;
padding-top: 5px;
}

.site-montakhabb {
height: 360px;
text-align: center;
}

.site-mortebaet {
direction: rtl;
text-align: center;
height: 250px;
}

.btnmain {
height: 41px;
margin: auto;
width: 996px;
background-image: url('img-v/btn-maiun.png');
direction: rtl;
text-align: right;
}

.tarahi {
width: 300px;
margin-right: 150px;
height: 20px;
padding-top: 15px;
color: white;
}

.footer {
width: 1000px;
height: 20px;
margin: auto;
}

.showconetnt {
width: 500px;
text-align: justify;
}
/*Menu*/
#navigation {
font-size: 12px;
font-family: Tahoma;
width: 185px;
}

#navigation ul {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
}

#navigation li {
list-style: none;
border-top: #c0c0c0 solid;
border-right: #c0c0c0 solid;
border-left: #c0c0c0 solid;
border-width: 1px;
}

#navigation a {
color: #006666;
display: block; /*bad az link be satr bad miravad*/
height: 25px;
line-height: 25px;
text-indent: 10px; /*mizane to rafteghi*/
text-decoration: none;
width: 100%;
}

#navigation a:hover {
color: black;
}

#navigation li:hover {
background-color: #33cccc;
position: relative;
}

این کدمه و من هر کاری میکنم بک گراند main رو نمیتونم تغییر بدم دلیلش چیه؟دوستان

aroshanzamir

دوشنبه 02 تیر 1393, 10:55 صبح

کد های HTML را بزار .....

shaparak631

دوشنبه 02 تیر 1393, 15:12 عصر

شما کاری که می تونی بکنی اینه که بلاک مربوط به main. رو ببر تو یه css دیگه بزار و اونو لینک کن تو صفحت
اینطوری اجرا میده تا حالا بیای بگردی ببینی کجاش ایراد داره:چشمک:
http://www.4shared.com/download/VBGbtN8Rce/aa_online.bmp?lgfp=3000

در ضمن تو بلاک body دوتا background-color داری
background-color=white رو حذف کن
اشتباهه نمیزاره رنگ اعمال بشه