چجوری میتونم دو تا کادرو کنارم هم قرار بدم

pclordweb

New Member
من دو تا کادر درست کردم با سی اس اس اما نمیدونم چجوری میتونم هر دوشو بذارم کنار همدیگه یعنی به هم چسبیده باشن. ممنون میکنم کمک کنید اینم کد صفحه:

[HTMLS]<!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>
<style>
.box {
background-color:#FFF ;
width: 1003px ; height: 250px ;
border-radius: 5px 5px 5px 5px ;
box-shadow: 0px 0px 15px 4px #000 inset;

}
.box2 {
background-color:#FFF ;
width: 500px ; height: 250px ;
border-radius: 5px 5px 5px 5px ;
box-shadow: 0px 0px 15px 4px #000 inset;

}
.box3 {
background-color:#FFF ;
width: 300px ; height: 250px ;
border-radius: 5px 5px 5px 5px ;
box-shadow: 0px 0px 15px 4px #000 inset;

}
h1 {
font-size:20px;
text-shadow: #000 1px 1px 2px ;
}
</style>
</head>
<body bgcolor="#F2F2F2" >
<Br />
<Br />
<center>
<div class="box">
<br />
<p align="right">
<h1>
تعرفه خرید اکانت در آپلود سنتر آپـ سنتـ
</h1>
</p>
</div>
</center>
<br />
<Br />
<p align="right">
<div class="box3">
<center><Br /><br />
با سلام
</center>
</div>
</p><p align="left">
<div class="box2">
<center><Br /><br />
با سلام
</center>
</div>
</p>
</body>
</html>

[/HTMLS]
 

sheisebaboo

Active Member
سلام.
داخل کدهای cssیی که مربوط به کادرها میشه،یعنی اون سه تا کلاسهای box. کد زیر رو اضافه کنید.

کد:
float:right

برای ایجاد فاصله بین کادر ها هم میتونید از margin استفاده کنید.

با تشکر
 

جدیدترین ارسال ها

بالا