/
  • زیر هم قرار گرفتن المنت ها

  • ارسال پاسخ   امتیاز موضوع:
    • 0 رأی - میانگین امیتازات: 0
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی زیر هم قرار گرفتن المنت ها
    نویسنده پیام
    ImanAzadi آفلاین
    عضو
    ***

    ارسال‌ها: 246
    تاریخ عضویت: ۱۳۹۲ اسفند ۲
    اعتبار: 0
    تشکرها : 36
    ( 9 تشکر در 9 ارسال )
    ارسال: #1
    زیر هم قرار گرفتن المنت ها
    با سلام
    کد یک صفحه رو میزارم
    مشکل اینجاست که قسمت هد و قسمت جزییات زیر هم نمی افتند
    ایراد از کجاست

    ممنون میشم

    اینم عکس

    [تصویر:  9krgkjncsx3y2nctrjzh.jpg]


    کد:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>

    <style type="text/css">

    *
    {
         margin:0;
         padding:0;
         font-size:100%;
         line-height:1;
        
    }


    span{-webkit-box-sizing: border-box;}

    #te>*
    {
        display:inline-block;
        text-align:center;
        border:#000000 solid 1px;    
    }

    .sheet
    {
        width:40px;
        margin-left:5px;border:#000000 solid 1px;    
    }

    .serial
    {
        width:290px;
        margin-left:5px;    border:#000000 solid 1px;
    }
    .number
    {
        width:40px;
        margin-left:5px;    border:#000000 solid 1px;
    }
    .repno
    {
        width:70px;
        margin-left:5px;border:#000000 solid 1px;

    }

    .date
    {
        width:70px;
        margin-left:5px;    border:#000000 solid 1px;
    }

    .price
    {
        width:70px;
        margin-left:5px;border:#000000 solid 1px;
    }
    .void
    {
        margin-left:15px;
    }

    </style>
    </head>

    <body>

    <div id="te">

    <span class="sheet">Sheet</span>
        <span class="serial">serial</span>
      <span class="number">number</span>
        <span class="repno">repno</span>
       <span class="date">date</span>
       <span class="price">price</span>
        <span class="void">Void</span>
    </div>

    <div id="test" >

    <div id="div1" style="margin-top: 3px;">
        <input id="sheet1" name="sheet[]" type="text" maxlength="3" class="sheet">
        <input id="serial1" name="serial[]" type="text" maxlength="40" class="serial">
        <input id="number1" name="number[]" type="text" maxlength="4" class="number">
        <input id="repno1" name="repno[]" type="text" maxlength="8" class="repno">
        <input id="date1" name="date[]" type="text" maxlength="8" class="date">
        <input id="price1" name="price[]" type="text" maxlength="6" class="price">
        <input id="voi1" name="voi[]" type="checkbox" value="true" class="void">
      </div>
      
    <div id="div2" style="margin-top: 3px;">
        <input id="sheet2" name="sheet[]" type="text" maxlength="3" class="sheet">
        <input id="serial2" name="serial[]" type="text" maxlength="40" class="serial">
        <input id="number2" name="number[]" type="text" maxlength="4" class="number">
        <input id="repno2" name="repno[]" type="text" maxlength="8" class="repno">
        <input id="date2" name="date[]" type="text" maxlength="8" class="date">
        <input id="price2" name="price[]" type="text" maxlength="6" class="price">
        <input id="voi2" name="voi[]" type="checkbox" value="true" class="void">
      </div>
      
      
    <div id="div3" style="margin-top: 3px;">
        <input id="sheet3" name="sheet[]" type="text" maxlength="3" class="sheet">
        <input id="serial3" name="serial[]" type="text" maxlength="40" class="serial">
        <input id="number3" name="number[]" type="text" maxlength="4" class="number">
        <input id="repno3" name="repno[]" type="text" maxlength="8" class="repno">
        <input id="date3" name="date[]" type="text" maxlength="8" class="date">
        <input id="price3" name="price[]" type="text" maxlength="6" class="price">
        <input id="voi3" name="voi[]" type="checkbox" value="true" class="void">
      </div>

    </div>


    </body>

    </html>
    ۱۳۹۳ مهر ۹ ۰۶:۳۴ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    Alaa غایب
    علا عالم فلکی
    ***

    ارسال‌ها: 945
    تاریخ عضویت: ۱۳۹۲ فروردين ۲۰
    اعتبار: 52
    تشکرها : 745
    ( 663 تشکر در 478 ارسال )
    ارسال: #2
    RE: زیر هم قرار گرفتن المنت ها
    چرا از table استفاده نمیکنین ؟
    __________________________________________________________________________
    ۱۳۹۳ مهر ۱۰ ۰۳:۴۶ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : hamid_80386
    hamid_80386 آفلاین
    حمید عباسی
    ***

    ارسال‌ها: 1,479
    تاریخ عضویت: ۱۳۹۰ بهمن ۱۶
    اعتبار: 62
    تشکرها : 1216
    ( 1253 تشکر در 748 ارسال )
    ارسال: #3
    RE: زیر هم قرار گرفتن المنت ها
    دقیقاً همونطور که علا گفت وظیفه table هست که اینکار ها رو بکنه، چون اگر بخوای هم نمی تونی غیر هم اندازه شون کنی Wink
    __________________________________________________________________________
    هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
    ۱۳۹۳ مهر ۱۰ ۰۹:۱۵ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : Alaa
    « قدیمی تر | تازه‌ تر »

    ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS