سلام دوستان من یه قالب دارم که خوب کار میکنه فقط عکس ومتن به هم میریزه لطفا کمک کنید درستش کنیم
body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
margin: 0;
padding: 0;
}
Body {
margin: 2px 0px 2px 0px;
font-family: tahoma;
font-size: 10px;
color: black;
background: url('images/bg.gif'); SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #C0C0C0;
SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}
img {
border: none;
align: none;
}
a, a:visited {
color: black; text-decoration: none;
}
a:active {
color: red; text-decoration: none;
}
a:hover {
color: red; text-decoration: none;
}
#wrapper {
width: 960px;
}
table td.header {
margin: 0px;
padding: 0px 0px 0px 0px;
background: white url('images/header.jpg');
width: 960px;
height: 150px;
font-family: tahoma, times new roman;
text-align: right;
line-height: 20px;
border-top: solid 1px #C0C0C0;
border-right: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
vertical-align: top;
}
table.menu td {
margin: 0px;
padding: 0px 0px 0px 0px;
}
table.box-menu {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 960px;
height: 28px;
border-top: solid 1px #C0C0C0;
border-right: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
direction: rtl;
}
table.box-menu td {
text-align: center;
padding: 2px 2px 2px 2px;
direction: rtl;
}
a.menu-link:link {
background: url('images/menu-link.gif') no-repeat;
width: 68px;
height: 23px;
line-height: 20px;
display: block;
color: black;
text-decoration: none;
}
a.menu-link:visited {
background: url('images/menu-link.gif') no-repeat;
width: 68px;
height: 23px;
line-height: 20px;
display: block;
color: black;
text-decoration: none;
}
a.menu-link:active {
background: url('images/menu-link.gif') no-repeat;
width: 68px;
height: 23px;
line-height: 20px;
display: block;
text-decoration: none;
color: black;
}
a.menu-link:hover {
background: url('images/menu-link.gif') no-repeat;
width: 68px;
height: 23px;
line-height: 20px;
display: block;
text-decoration: none;
color: black;
}
table td.sidebar {
padding: 3px;
background: white;
width: 180px;
font-size: 10px;
text-align: right;
border-top: solid 1px #C0C0C0;
border-right: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
direction: rtl;
vertical-align: top;
}
table td.sidebar ul {
margin: 0px;
padding: 0px;
}
table td.sidebar li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
table td.post {
background: white;
width: 580px;
font-size: 11px;
border-top: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
vertical-align: top;
}
table td.post hr {
text-align: center;
border: dotted 1px red;
width: 450px;
}
.bb {
margin: 4px 4px 4px 4px;
}
.title-menu {
background: #E5E5E5 url('images/title-menu.gif') repeat-x;
width: 175px;
height: 20px;
line-height: 18px;
text-align: center;
border: solid 1px white;
}
.box {
width: 177px;
margin-top: 4px;
margin-bottom: 4px;
border: solid 1px #D3D3D3;
}
.space {
margin: 0px;
padding-right: 5px;
}
table td.footer {
margin: 0px;
padding: 20px 15px 0px 0px;
width: 960px;
height: 75px;
background: white;
font-family: tahoma, times new roman;
font-size: 10px;
text-align: center;
line-height: 30px;
border-right: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
}
.comments-template{
background: #E9E9E9;
margin: 10px 0 0;
border-top: 1px solid #ccc;
padding: 10px 0 0;
}
.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}
.comments-template ol li{
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px solid #ccc;
}
.comments-template h2, .comments-template h3{
font-family: Georgia, Sans-serif;
color: red;
font-size: 16px;
}
.commentmetadata{
font-size: 12px;
}
.comments-template p.nocomments{
padding: 0;
}
.comments-template textarea{
background: white;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
}
.bb {
margin: 5px 5px 5px 5px;
}
.entry {
background: white;
margin-top: 5px;
margin-bottom: 5px;
width: 570px;
border: solid 1px #D3D3D3;
}
.link-title {
background: white url('images/link-title.gif') repeat;
margin-top: 5px;
height: 18px;
line-height: 12px;
text-align: center;
color: #B0B0B0;
border: solid 1px white;
}
.posts {
padding: 5px;
text-align: justify;
direction: rtl;
}
.postmetadata {
width: 570px;
background: #E9E9E9;
text-align: right;
}
.searchform {
margin: 0px;
padding: 0px;
}
.calendar {
font-size:10px;
}
.posts img {
max-width: 550px;
}
img.alignright {
padding: 0px;
margin: 0px 0px 5px 10px;
display: inline;
}
img.alignleft {
padding: 0px;
margin: 0px 10px 5px 0px;
display: inline;
}
.aligncenter {
}
.alignleft {
float: left;
}
.alignright {
float:right;
}
http://s1.picofile.com/file/6439013078/explorer.jpg
http://s1.picofile.com/file/6439014084/fire_fox.jpg