PDA

View Full Version : مبتدی: چيدن دايو


فردان فردان
شنبه 24 اردیبهشت 1390, 10:41 صبح
سلام
در صفحه اي كه پيوست مي كنم مي خوام كه دايو چپ اول و دايو چپ دوم هر دو زير هم و در سمت چپ دايو متن قرار گيرند. لطفا راهنمايي بفرماييد كه چه تغييري در استايل بايد بدهم.
با تشكر فراوان
colors
شنبه 24 اردیبهشت 1390, 11:41 صبح
درود

این کد رو جایگزین کل کدهات کن


<html dir="rtl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fa">
<title>قالب با دايو</title>
<style type="text/css">
div#onvan {display:block; width="100%"; border:1px solid black; }
div#mtn {display:inline; width="80%"; border:1px solid black;height:100;}
div#chap {display:inline; width="20%"; border:1px solid black; float:left; clear:both}
div#chapz {display:inline; width="20%"; border:1px solid black;float:left; clear:both}


</style>
</head>

<body>
<div id="onvan">
دايو عنوان</div>

<div id="mtn">
دايو متن </div><br/>
<div id="chap">
دايو چپ اول</div><br/>
<div id="chapz">
دايو چپ دوم</div>

</body>

</html>
فردان فردان
شنبه 24 اردیبهشت 1390, 13:35 عصر
ضمن تشكر به عرض برسانم كه اين كار را انجام دادم ولي اشكال كار اين است با اين دستور فقط به سمت چپ مي آيند. يعني به دايو عنوان نمي چسبند.
colors
شنبه 24 اردیبهشت 1390, 16:12 عصر
بفرمایید


<html dir="rtl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fa">
<title>قالب با دايو</title>
<style type="text/css">
div#onvan {display:block; width="100%"; border:1px solid black; }
div#mtn {display:inline; width="80%"; border:1px solid black;height:100; float: right}
div#chap {display:inline; width="20%"; border:1px solid black; float:left; clear:both;}
div#chapz {display:inline; width="20%"; border:1px solid black;float: left; clear:both}


</style>
</head>

<body>
<div id="onvan">
دايو عنوان</div>

<div id="mtn">
دايو متن </div>
<div id="chap">
دايو چپ اول</div>
<div id="chapz">
دايو چپ دوم</div>

</body>

</html>