خرید بک لینک

درباره سایت

CodingForums

آخرین مطالب

امکانات وب

Div boxes not aligned

I am trying to set up a form using divs and caot figure out why I am getting this odd layout. Help is much appreciated.

Click image for larger version.  Name: Screenshot-2017-9-27 .png  Views: 5  Size: 42.0 KB  ID: 17459


Here is my code

Code:
<!--- quote row1 --->
<div>
        <div class="row">
            <div class="medium-2 columns">
                  <label class="right inline required">Part No. 1</label>
            </div>
            <div class="medium-2 columns">
            <input type="text" name="emailer_descriptionpart1" size="40" />
            </div>

                <div class="row">
                    <div class="medium-2 columns">
                            <label class="right inline required">Quantity</label>
                            </div>
                            <div class="medium-2 columns">
                            <input type="text" name="emailer_partqty1" size="40" />
                            </div>

                <div class="row">
                    <div class="medium-2 columns">
                                <label class="right inline required">Description</label>
                                </div>
                                <div class="medium-2 columns">
                                <input type="text" name="emailer_descriptionpart1" size="40" />
                        </div>
</div>
<!--- quote row 2 --->
<div class="row">
            <div class="medium-2 columns">
                  <label class="right inline required">Part No. 2</label>
            </div>
            <div class="medium-2 columns">
            <input type="text" name="emailer_descriptionpart2" size="40" />
            </div>

                <div class="row">
                    <div class="medium-2 columns">
                            <label class="right inline required">Quantity</label>
                            </div>
                            <div class="medium-2 columns">
                            <input type="text" name="emailer_partqty2" size="40" />
                            </div>

                <div class="row">
                    <div class="medium-2 columns">
                                <label class="right inline required">Description</label>
                                </div>
                                <div class="medium-2 columns">
                                <input type="text" name="emailer_descriptionpart2" size="40" />
                        </div>
</div>
<!--- quote row 3 --->
<div class="row">
            <div class="medium-2 columns">
                  <label class="right inline required">Part No. 3</label>
            </div>
            <div class="medium-2 columns">
            <input type="text" name="emailer_descriptionpart3" size="40" />
            </div>

                <div class="row">
                    <div class="medium-2 columns">
                            <label class="right inline required">Quantity</label>
                            </div>
                            <div class="medium-2 columns">
                            <input type="text" name="emailer_partqty3" size="40" />
                            </div>

                <div class="row">
                    <div class="medium-2 columns">
                                <label class="right inline required">Description</label>
                                </div>
                                <div class="medium-2 columns">
                                <input type="text" name="emailer_descriptionpart3" size="40" />
                        </div>
</div>
<!--- quote row 4 --->
<div class="row">
            <div class="medium-2 columns">
                  <label class="right inline required">Part No. 4</label>
            </div>
            <div class="medium-2 columns">
            <input type="text" name="emailer_descriptionpart4" size="80" />
            </div>

                <div class="row">
                    <div class="medium-2 columns">
                            <label class="right inline required">Quantity</label>
                            </div>
                            <div class="medium-2 columns">
                            <input type="text" name="emailer_partqty4" size="40" />
                            </div>

                <div class="row">
                    <div class="medium-2 columns">
                                <label class="right inline required">Description</label>
                                </div>
                                <div class="medium-2 columns">
                                <input type="text" name="emailer_descriptionpart4" size="40" />
                        </div>
</div>
<!--- quote row 5 --->
<div class="row">
            <div class="medium-2 columns">
                  <label class="right inline required">Part No. 5</label>
            </div>
            <div class="medium-2 columns">
            <input type="text" name="emailer_descriptionpart5" size="40" />
            </div>

                <div class="row">
                    <div class="medium-2 columns">
                            <label class="right inline required">Quantity</label>
                            </div>
                            <div class="medium-2 columns">
                            <input type="text" name="emailer_partqty5" size="40" />
                            </div>

                <div class="row">
                    <div class="medium-2 columns">
                                <label class="right inline required">Description</label>
                                </div>
                                <div class="medium-2 columns">
                                <input type="text" name="emailer_descriptionpart5" size="40" />
                        </div>
</div>
<!--- quote row 6 --->
<div class="row">
            <div class="medium-2 columns">
                  <label class="right inline required">Part No. 6</label>
            </div>
            <div class="medium-2 columns">
            <input type="text" name="emailer_descriptionpart1" size="40" />
            </div>

                <div class="row">
                    <div class="medium-2 columns">
                            <label class="right inline required">Quantity</label>
                            </div>
                            <div class="medium-2 columns">
                            <input type="text" name="emailer_partqty6" size="40" />
                            </div>

                <div class="row">
                    <div class="medium-2 columns">
                                <label class="right inline required">Description</label>
                                </div>
                                <div class="medium-2 columns">
                                <input type="text" name="emailer_descriptionpart6" size="40" />
                        </div>
</div>
<!--- quote row 7 --->
<div class="row">
            <div class="medium-2 columns">
                  <label class="right inline required">Part No. 7</label>
            </div>
            <div class="medium-2 columns">
            <input type="text" name="emailer_descriptionpart7" size="40" />
            </div>

                <div class="row">
                    <div class="medium-2 columns">
                            <label class="right inline required">Quantity</label>
                            </div>
                            <div class="medium-2 columns">
                            <input type="text" name="emailer_partqty7" size="40" />
                            </div>

                <div class="row">
                    <div class="medium-2 columns">
                                <label class="right inline required">Description</label>
                                </div>
                                <div class="medium-2 columns">
                                <input type="text" name="emailer_descriptionpart7" size="40" />
                        </div>
Attached Thumbnails
Click image for larger version.  Name: Screenshot-2017-9-27 .png  Views: N/A  Size: 42.0 KB  ID: 17459  

برچسب: نویسنده: آیلین رضوانی تاريخ: جمعه 7 مهر 1396 ساعت: 10:54

صفحه بندی

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه