درست کردن پس زمینه ی یک بخش خاص در اچ تی ام ال ؟؟؟
سلام ...
شاید این بخش خیلی زیاد باشه ولی دوستان اگه میتونن کمک کنن ...
ببینید من در وسطه body یک تگ div با آی دی container ساختم ... وقتی بگ گراند container رو عوض میکنم ، فقط در قسمت header اعمال میشه : کده اچ تی ام ال اینه :
[PHP]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>آموزشکده مجازی !!!</title>
<link href="Css/main.css" rel="stylesheet" type="text/css" />
<?php
require_once('container.php')
?>
</head>
<body dir="rtl">
<div id="containing">
<div id="header" >
<ul class="horis_menu"><br /><br /><br />
<a href=""><li class="horis_menu_li" ><div class="text_in_header_menu">صفحه اصلی</div></li></a>
<a href=""><li class="horis_menu_li" ><div class="text_in_header_menu">آموزشکده ها</div></li></a>
<a href=""><li class="horis_menu_li" ><div class="text_in_header_menu">پروژه ها</div></li></a>
<a href=""><li class="horis_menu_li" ><div class="text_in_header_menu">ارتباط با ما</div></li></a>
</ul>
</div>
<div id="colum1">
<div class="menu_top" ></div>
<div class="menu_content_bg">
<div class="mainmenu_header"><div style="text-align:center; padding-top:2px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; letter-spacing:1px; font-stretch:extra-condensed; font-weight:700; color:#6B0286; text-decoration:underline overline;" ><font color="#9401A9" size="+2">E</font>Learn<font color="#3F0046">.ir</font></div></div>
<div class="hr_menu"></div>
<div class="menu_content">آمــوزشـکـده</div>
<div class="zir_menus" ><div class="zir_menus_text">HTML</div></div>
</div>
<div class="menu_bottom"></div>
</div>
<?php
content("خوش آمدید", "به وبلاگه ما که خیلی هم با حاله سر بزنید ... <br> نظر هم بذارین");
?>
</div>
</body>
</html>
[/PHP]
کده سی اس اس هم اینه :
[PHP]
@charset utf8;
body{
margin:0px;
padding:0px;
height:100%;
background-image:url(../Images/bg.gif);
background-repeat:repeat;
}
#clear{
clear:both;
}
#containing{
width:965px;
background-color:#CCC;
border-right:3px solid #000;
margin:0px auto;
border-left:3px solid #000;
}
#header{
background-image: url(../Images/Header_main.png);
background-repeat:no-repeat;
height:140px;
width:965px;
margin-top:-17px;
margin-right:auto;
clear:both;
}
.horis_menu{
list-style-type:none;
margin-bottom:30px;
}
.horis_menu a:visited{
list-style-type:none;
margin-bottom:30px;
color:#FFF;
}
.horis_menu li.horis_menu_li{
display:inherit;
float:right;
width:118px;
height:40px;
margin-right:25px;
background-image:url(../Images/top_menu.png);
background-repeat:no-repeat;
}
.horis_menu li.horis_menu_li:hover{
display:inherit;
float:right;
width:118px;
height:40px;
margin-right:25px;
background-image:url(../Images/top_menu_hover.png);
background-repeat:no-repeat;
}
.text_in_header_menu{
margin:10px;
font-weight:700;
font-size:15px;
font-family:Tahoma, Geneva, sans-serif;
text-align:center;
}
#colum1{
padding-right:3px;
margin-top: 15px;
width:172px;
display:inline;
float:right;
}
.menu_top{
width:172px;
height:8px;
background-image:url(../Images/menu_head.png)
}
.menu_content_bg{
width:173px;
background-image:url(../Images/menu_bg.png);
background-repeat:repeat-y;
}
.mainmenu_header{
width:166px;
height:49px;
margin:auto 2px;
background-image:url(../Images/header_4_menu.png);
background-repeat:no-repeat;
}
.menu_bottom{
width:173px;
height:9px;
background-image:url(../Images/menu_footer.png);
background-repeat:no-repeat;
margin-bottom:5px;
}
.menu_content{
width:164px;
height:27px;
background-image:url(../Images/menus.png);
background-repeat:no-repeat;
margin:auto;
font-family:Tahoma, Geneva, sans-serif;
font-weight:700;
text-align:center;
padding-top:7px;
}
.zir_menus{
background-image:url(../Images/zir_menus.png);
width:164px;
height:29px;
padding:0px 2px;
background-repeat:no-repeat;
}
.zir_menus_text{
padding:3px 30px 0px 0px;
}
.hr_menu{
background-image:url(../Images/hr_menu.png);
width:163px;
height:6px;
margin-top:-10px;
margin-bottom:5px;
padding-right:4px;
}
.content{
display:inline;
float:right;
padding-top:15px;
padding-right:5px;
}
.content_header{
background-image:url(../Images/content_bg_top.png);
width:775px;
height:69px;
}
.content_header_text{
padding-top:12px;
padding-right: 20px;
color:#CCC;
font-weight:bold;
}
.content_main{
background-image:url(../Images/content_bg.png);
background-repeat:repeat-y;
width:775px;
}
.content_main_text{
padding-right:19px;
}
.content_footer{
background-image:url(../Images/content_bg_footer.png);
background-repeat:no-repeat;
width:775px;
height:10px;
}
[/PHP]
به جای اینکه در همه ی قسمت های container عمل شود فقط تا قسمت header عمل میکنه ... چرا ؟؟
