• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
زیر هم قرار گرفتن المنت ها
#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>
  پاسخ
تشکر شده توسط :
#2
چرا از table استفاده نمیکنین ؟
غایب
  پاسخ
تشکر شده توسط : hamid_80386
#3
دقیقاً همونطور که علا گفت وظیفه table هست که اینکار ها رو بکنه، چون اگر بخوای هم نمی تونی غیر هم اندازه شون کنی Wink
هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
  پاسخ
تشکر شده توسط : Alaa


پرش به انجمن:


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