mirzajavad
شنبه 17 مهر 1389, 22:58 عصر
سلام
دارم يك قالب ميزنم
ولي توي بخش قرار گيري سايد بار چپ به مشكل برخوردم هر كار ميكنم سر جاي خودش نميره
همه جور position رو هم بهش دادم درست نشد
دوستان ممنون ميشم يك نگاهي بندازين
آخه ميخواهم سريع بخشهاي ديگرش رو تكميل كنم چون نيازه :قلب:
body {
direction: rtl;
text-align: right;
font-family: tahoma;
text-decoration: none;
}
#wrapper {
width: 950px;
margin:auto;
font-size: 13px;
}
#header {
width: 950px;
height: 150;
-moz-border-radius:4px;
border: 1px solid #FF6600;
margin:10px 0 5px 0;
}
#r_col {
width: 200px;
float: right;
}
#l_col {
width: 200px;
float: left;
}
#sidbar {
width: inherit;
height: auto;
border: 1px solid #FF6600;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
margin-bottom: 5px;
}
#top_sidbar {
width: inherit;
border: 1px solid #FF6600;
border-bottom: 0;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
padding: 5px 0 5px 0;
text-align: center;
}
#c_col {
width: 538px;
margin: 0 auto;
}
#content {
width: inherit;
height: auto;
border: 1px solid #FF6600;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
margin-bottom: 5px;
}
#top_content {
width: inherit;
border: 1px solid #FF6600;
border-bottom: 0;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
padding: 5px 0 5px 0;
text-align: center;
float: none;
}
#footer {
width: 950px;
padding: 5px 0 5px 0;
border: 1px solid #FF6600;
clear: both;
-moz-border-radius:4px;
text-align: center;
}
#image {
margin: 10px;
border: 2px solid #CDCDCD;
width: 180px;
height: 180px;
}
#image img {
width: 180px;
height: 180px;
}
#image img:hover {
position: relative;
width: 300px;
left: 60px;
bottom: 60px;
height: 300px;
z-index: 1;
border: 3px solid #000000;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Expires" content="Fri, Jan 01 1900 00:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="content-language" content="en">
<meta name="author" content="">
<meta http-equiv="Reply-to" content="@.com">
<meta name="generator" content="PhpED 4.5">
<meta name="description" content="توضيحات سايت">
<meta name="keywords" content="كلمات كليدي">
<meta name="creation-date" content="02/20/2006">
<meta name="revisit-after" content="15 days">
<title>عنوان سايت</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="r_col">
<div id="top_sidbar">
عنوان
</div>
<div id="sidbar">
سايدبار راست
</div>
</div>
<div id="c_col">
<div id="top_content">
عنوان
</div>
<div id="content">
مطالب سايت
</div>
</div>
<div id="l_col">
<div id="top_sidbar">
عنوان
</div>
<div id="sidbar">
سايدبار چپ
</div>
</div>
<div id="footer">
كپي رايت
</div>
</div>
</body>
</html>
دارم يك قالب ميزنم
ولي توي بخش قرار گيري سايد بار چپ به مشكل برخوردم هر كار ميكنم سر جاي خودش نميره
همه جور position رو هم بهش دادم درست نشد
دوستان ممنون ميشم يك نگاهي بندازين
آخه ميخواهم سريع بخشهاي ديگرش رو تكميل كنم چون نيازه :قلب:
body {
direction: rtl;
text-align: right;
font-family: tahoma;
text-decoration: none;
}
#wrapper {
width: 950px;
margin:auto;
font-size: 13px;
}
#header {
width: 950px;
height: 150;
-moz-border-radius:4px;
border: 1px solid #FF6600;
margin:10px 0 5px 0;
}
#r_col {
width: 200px;
float: right;
}
#l_col {
width: 200px;
float: left;
}
#sidbar {
width: inherit;
height: auto;
border: 1px solid #FF6600;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
margin-bottom: 5px;
}
#top_sidbar {
width: inherit;
border: 1px solid #FF6600;
border-bottom: 0;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
padding: 5px 0 5px 0;
text-align: center;
}
#c_col {
width: 538px;
margin: 0 auto;
}
#content {
width: inherit;
height: auto;
border: 1px solid #FF6600;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
margin-bottom: 5px;
}
#top_content {
width: inherit;
border: 1px solid #FF6600;
border-bottom: 0;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
padding: 5px 0 5px 0;
text-align: center;
float: none;
}
#footer {
width: 950px;
padding: 5px 0 5px 0;
border: 1px solid #FF6600;
clear: both;
-moz-border-radius:4px;
text-align: center;
}
#image {
margin: 10px;
border: 2px solid #CDCDCD;
width: 180px;
height: 180px;
}
#image img {
width: 180px;
height: 180px;
}
#image img:hover {
position: relative;
width: 300px;
left: 60px;
bottom: 60px;
height: 300px;
z-index: 1;
border: 3px solid #000000;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Expires" content="Fri, Jan 01 1900 00:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="content-language" content="en">
<meta name="author" content="">
<meta http-equiv="Reply-to" content="@.com">
<meta name="generator" content="PhpED 4.5">
<meta name="description" content="توضيحات سايت">
<meta name="keywords" content="كلمات كليدي">
<meta name="creation-date" content="02/20/2006">
<meta name="revisit-after" content="15 days">
<title>عنوان سايت</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="r_col">
<div id="top_sidbar">
عنوان
</div>
<div id="sidbar">
سايدبار راست
</div>
</div>
<div id="c_col">
<div id="top_content">
عنوان
</div>
<div id="content">
مطالب سايت
</div>
</div>
<div id="l_col">
<div id="top_sidbar">
عنوان
</div>
<div id="sidbar">
سايدبار چپ
</div>
</div>
<div id="footer">
كپي رايت
</div>
</div>
</body>
</html>