css-man
پنج شنبه 28 اردیبهشت 1391, 00:19 صبح
دوستان این کد صفحه من
<!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>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body class="bdy">
<div id="wrraper">
<div id="menu">
<ul class="nav">
<li><a class="menu" href="#">Home</a></li>
<li><a class="menu" href="#">Gallery</a></li>
<li><a class="menu" href="#">Info</a></li>
<li><a class="menu" href="#">About</a></li>
<li><a class="menu" href="#">Contact</a></li>
</ul>
</div>
<div id="gallery">
<div id="tr"></div>
<div id="pic"><img class="picu" src="imge/1336760689-756923-0088311.jpg" width="1920" height="1200" />
<div id="detail">
Name: Weight: size:
</div>
</div>
<div id="pic"><img class="picu" src="imge/1336760694-575787-0088270.jpg" />
<div id="detail">
Name: Weight: size:
</div>
</div>
<div id="pic"><img class="picu" src="imge/1336760688-2832875-0088336.jpg" />
<div id="detail">
Name: Weight: size:
</div>
</div>
<div id="pic"><img class="picu" src="imge/1336760690-715469-0088500.jpg" />
<div id="detail">
Name: Weight: size:
</div>
</div>
<div id="pic"><img class="picu" src="imge/1336760702-1230903-0088536.jpg" width="1900" height="1200" />
<div id="detail">
Name: Weight: size:
</div>
</div>
<div id="pic"><img class="picu" src="imge/three_old_cameras.jpg" width="800" height="533" />
<div id="detail">
Name: Weight: size:
</div>
</div>
<div id="trb">
</div>
</div>
<div id="footer"><p>Design By : Mojtaba Pakdel All right reserved ......</p></div>
</div>
</body>
</html>
اینم کد سی اس اس
@charset "utf-8";
/* CSS Document */
.bdy{
margin:0px;
padding:0pc;
background-image:url(imge/3345597841_9c78e29069_o.jpg);
}
#wrraper{
width:1000px;
height:800px;
margin:0px auto;
}
#menu{
margin-left:0px auto;
height:120px;
width:650px;
padding:0px;
/*background-image:url(imge/CBY078.jpg);*/
}
ul.nav{
width:auto;
height:100px;
}
ul.nav li{
display:inline;
text-align:center;
}
a.menu{
width:120px;
height:70px;
border:1px solid #333;
background-image:url(imge/1.png);
background-repeat:no-repeat;
text-decoration:none;
font-size:16px;
line-height:50px;
display:block;
color:#CCC;
float:left;
`}
#picr{
height:400px;
width:900px;
background-color:#000;
opacity:0.5;
margin:100px auto;
color:#FFF;
}
#gallery{
height:auto;
width:900px;
background-color:#000;
/*opacity:0.5;*/
margin-top:100px;
margin-left:50px;
margin-right:50px;
background-image:url(imge/3345597841_9c78e29069_o.jpg);
border:1px solid #000;
-moz-boxshadow:5px 5px 5px #960;
-webkit-boxshadow:5px 5px 5px #960;
box-shadow: 5px 5px 5px #960;
color:#FFF;
float:left;
}
#frm{
color:#FFF;
background-color:#333;
height:200px;
width:300px;
margin-top:50px;
margin-left:300px;
border:1px solid #FFF;
}
#Error{
color:#FFF;
}
#tr{
background-color:#FFF;
border:0px solid #333;
/*opacity:0.5;*/
height:60px;
width:200px;
transform:rotate(-50deg);
-ms-transform:rotate(-50deg);
-moz-transform:rotate(-50deg);
-webkit-transform:rotate(-50deg);
-o-transform:rotate(-50deg);
margin-top:-10px;
margin-left:-80px;
}
#pic{
width:250px;
height:200px;
margin-top:20px;
margin-left:30px;
border:1px solid #CCC;
float:left;
margin-bottom:20px;
}
.picu{
width:250px;
height:160px;
border-radius: 15px;
}
#detail{
width:250px;
height:40px;
/*margin-left:30px;*/
/*margin-top:10px;*/
border:1px solid #CCC;
color:#FFF;
position:absolute;
font-size:18px;
float:left;
}
#trb{
background-color:#FFF;
border:0px solid #333;
/*opacity:0.5;*/
height:60px;
width:200px;
transform:rotate(-50deg);
-ms-transform:rotate(-50deg);
-moz-transform:rotate(-50deg);
-webkit-transform:rotate(-50deg);
-o-transform:rotate(-50deg);
margin-top:430px;
margin-left:780px;
}
#footer{
height:100px;
width:900px;
margin-left:50px;
margin-right:50px;
margin-top:250px;
position: fixed;
bottom: 0px;
background-color:#000;
opacity:0.5;
float:left;
}
میخوام برای هر عنصر منو بکگراند بزارم بکگراندش هم میخوام عکس چوب باشه
یه نگاهی بکنید ببینید چرا نمیشه
مرسی
اون کاری که شما گفتید هم انجام دادم ولی جواب نداد