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

myysl97

یک شنبه 01 تیر 1393, 19: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, 22:39 عصر

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

aroshanzamir

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

سلام دوست من :

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

موفق باشی

rezadana

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

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

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

myysl97

دوشنبه 02 تیر 1393, 08: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, 09:55 صبح

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

shaparak631

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

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

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