<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
<!--
#header {
margin:0 auto;
border:1px solid #FF0000;
width:500px;
}
-->
</style>
</head>
<body>
<div id="header">
This is place holder for header !
</div>
</body>
</html>
body {text-align:center}
<!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="Body.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="add">
</div>
<!-- end header -->
<!-- start page -->
<div class="page">
<!-- start content -->
<div class="contet">
<div class="post">
<h2 align="center"> </h2>
</div>
</div>
</div>
<div class="page">
<div class="contet">
<div class="post">
<p> </p>
<h3 align="center"> </h3>
</div>
</div>
</div>
<div class="page2"></div>
</body>
</html>
@charset "utf-8";
Body {
background: url(../../My%20Documents/Dreamweaver/Header/images/img01.jpg);
border-top-color: #F79F1A;
border-right-color: #F79F1A;
border-bottom-color: #F79F1A;
border-left-color: #F79F1A;
}
.add {
background-image: url(../../My%20Documents/Dreamweaver/Header/images/img04.jpg);
height: 140px;
width: 740px;
margin: 0 auto;
border: 10px solid #FFFFFF;
}
.page {
width: 760px;
margin: 0 auto;
}
.contet {
background: #B8E33C;
float: left;
width: 480px;
border: 10px solid #FFFFFF;
margin: 0;
}
.post {
background: url(images/img03.jpg) no-repeat left top;
padding: 5px 0 0 0;
}
.page2 {
margin: 0 auto;
width: 760px;
}
@charset "utf-8";
Body {
background: url(../../My%20Documents/Dreamweaver/Header/images/img01.jpg);
border-top-color: #F79F1A;
border-right-color: #F79F1A;
border-bottom-color: #F79F1A;
border-left-color: #F79F1A;
}
.add {
background-image: url(../../My%20Documents/Dreamweaver/Header/images/img04.jpg);
height: 140px;
width: 740px;
margin: 0 0 10px;
border: 10px solid #FFFFFF;
}
.page {
width: 760px;
margin: 0 auto;
}
.contet {
background: #B8E33C;
float: left;
width: 480px;
border: 10px solid #FFFFFF;
margin: 0;
}
.post {
background: url(images/img03.jpg) no-repeat left top;
padding: 5px 0 0 0;
}
.page2 {
margin: 0 auto;
width: 760px;
}
بهت هم بر می خوره منظورم اینه که عکس هارو درست بزارشما چرا یکم خودت تلاش نمی کنی برادر
سورس کامل با عکس یعنی رو بزار عکس سات نباید هر کدوم یه جایی سیستمت باشه همه رو بزار تو یه پوشه
برای آموزش سی اس اس اول باید html رو یاد بگیری و آموزشش هم سرچ کنی گیرت می یاد
موفق باشید
@charset "utf-8";
Body {
background: url(images/img01.jpg);
border-top-color: #F79F1A;
border-right-color: #F79F1A;
border-bottom-color: #F79F1A;
border-left-color: #F79F1A;
}
.add {
background-image: url(images/img04.jpg);
height: 140px;
width: 740px;
margin: 0 auto;
border: 10px solid #FFFFFF;
}
.page {
width: 760px;
margin: 0 auto;
}
.contet {
background: #B8E33C;
float: left;
width: 480px;
border: 10px solid #FFFFFF;
margin: 0;
}
.post {
background: url(images/img03.jpg) no-repeat left top;
padding: 5px 0 0 0;
}
.page2 {
margin: 0 auto;
width: 760px;
}
margin-bottom: 20px;