بک لینک

قرار دادن 2 div در کنار هم
#1
سلام دو div دارم میخواهم آنها را به صورت راست و چپ در کنار هم قرار بدهم

این دیو اول سمت چپ

کد:
<!- ss -!>
<div class="post">
    <div class="buy">
        <div class="icon">
            <span class="icon-reorder"></span>
        </div>
        <p>هر اس ام اس که میخواهید در کادر زیر سرچ کنید</p>
    </div>
<center>
<form method="get" action="http://www.google.com/search" dir="rtl" style="font-family:Tahoma, Geneva, sans-serif; font-size:12px; border:1px solid #999; padding:4px; width:250px;" target="_blank" rel="nofollow">
<input type="text" name="q" size="22px" maxlength="270" value="" style="font-family:Tahoma, Geneva, sans-serif; font-size:12px;" onclick="formclear(this, 'جستجو...')" onblur="formrecall(this, 'جستجو...')" />
<input type="submit" value="   کلیک امیر بیـــــاب   " style="font-family:Tahoma, Geneva, sans-serif; font-size:12px;" /><br />
<input type="hidden" name="sitesearch" value="http://amirfb.ir" />
</form>
</center></body>
</div>
<!- end ss -!>

این دیو دوم سمت راست

کد php:
<!- send post -!>
<
div class="post1">
    <
div class="buy1">
        <
div class="icon1">
            <
span class="icon-reorder"></span>
        </
div>
        <
p>ارسال اس ام اس به وب سایت</p>
    </
div><center>
<?
php if (function_exists('user_submitted_posts')) user_submitted_posts(); ?></center>
        </div>
<!- end send post -!> 

با سپاس +
bye
پاسخ
#2
سلام
به یه div استایل float:right به اون یکی هم استایل float:left بده درست میشه.
یه نمونه اش رو می تونی تو سایتم گل مراد که در امضام هست ببینی.
واقعاً عجیبه به خودمم توهین میکنم میگم بی کارم که 24 ساعته اینجا پلاسم پستم حذف میشه به نظرم بهتره دیگه فعالیت نکنم چون به ضرر انجمن هستم و فقط دارم محیط تجاری رو آموزشی اش میکنم که خب این یعنی اختشاش این محیط توسط بنده!!!
پاسخ
 سپاس شده توسط E-Beshkani ، amirvazir
#3
هر دو div  رو توی یه div بذار ، بعد بهش یه اندازه بده ! بعد اون div  ها که میخای به طرفی باشن !
راست float:right
چپ float:left;
بعد اون div اصلی یا مادر رو display:table;  کن. موفق باشی
پاسخ
 سپاس شده توسط amirvazir
#4
ممنون از اموزشتون





طراحی اختصاصی سایت
پاسخ
#5
Thumbs Up 
با ویژگی absualt میشه این کارو کرد


کد:
.div {
 
   position: absolute;
}
پاسخ
 سپاس شده توسط PC1
#6
با
راست float:right
چپ float:left;
بهشون استایل بده
پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان