PHP和HTML表单对齐问题

Question

I want to add a simple form above my right side bar, however the php is miss aligning the form and squashing the form itself picture 我想在我的右侧栏上方添加一个简单的表格，但是php缺少对齐表格并挤压表格本身的图片

I simply want the table to display within the confines of the rest of the side bar, yet I can't seem to figure it out no matter what I do, below is the code for the page, I know there should be a simple solution, but I can't see it. 我只是希望表格显示在边栏其余部分的范围内，但是无论如何我都无法弄清楚，下面是页面代码，我知道应该有一个简单的解决方案，但我看不到。

<body>

<include file="Common:tracking" />   

<include file="Common:header" />

<div class="container">

    <div class="section">

        <div class="wrapshow">

            <div class="body">

                <div class="article-list">

                    <ul>

                    <volist name="blog_list" id="item">

                        <li>

                            <div class="head">

                                <a href="{$item.href}"

                                        class="btn_view_detail"

                                        ><img src="{$item.url_picture}" alt="{$item.title}" title="{$item.title}" /></a>

                            </div><!-- end head -->

                            <div class="body">

                                <h3>

                                    <a href="{$item.href}"

                                            class="btn_view_detail" >{$item.title}</a>

                                </h3>

                                <div class="tag">

                                    <!--

                                    <a href="">Blogging</a>

                                    |

                                    <a href="">Leave a comment</a>

                                    !-->

                                </div><!-- end tag -->

                                <div class="con">

                                    {$item.content}

                                </div><!-- end con -->

                                <div class="bar">

                                    <a href="{$item.href}"

                                       class="link btn_view_detail">Details<i class="iconfont icon-arrows-right-bottom"></i></a>

                                    <a href="{$item.href}"

                                       class="date btn_view_detail">{$item.dateline_post|date='m/d/Y',###}</a>

                                </div><!-- end bar -->

                            </div><!-- end body -->

                        </li>

                    </volist>

                    </ul>

                </div><!-- end article-list -->

                <div class="paging">

                    {$page}

                </div><!-- end paging -->

            </div><!-- end body -->

            <div class="site">
    <div class="section">
        <div class="serve-apply">
            <div class="body">
                <ul>
                    <volist name="index_mid4" id="item">
                        <li>
                            <h4><a href="{$item.url}">{$item.title}</a></h4>
                            {$item.content}
                            <i class="{$item.title_sub}"></i>
                        </li>
                    </volist>
                </ul>
            </div><!-- end body -->
            <div class="side shake-an">
                <form action="{:U('Contact/quickAdd')}" class="frm_contact">
                <input type="hidden" name="type" value="1" />
                <h3>Request <em>FREE</em> Trial</h3>
                <div class="form-element">
                    <input type="text" class="form-text blue" name="customer_name" id="username" placeholder="Full Name" />
                    <label for="username" class="iconfont icon-user"></label>
                </div><!-- end form-element -->
                <div class="form-element">
                    <input type="text" class="form-text blue" name="email" id="username" placeholder="Email" />
                    <label for="username" class="iconfont icon-letter"></label>
                </div><!-- end form-element -->
                <div class="form-element">
                    <input type="text" class="form-text blue" name="city" id="username" placeholder="Preferred City" />
                    <label for="username" class="iconfont icon-map"></label>
                </div><!-- end form-element -->
                <div class="form-element last">
                    <button type="submit">Submit</button>
                </div><!-- end form-element -->
                </form>
            </div><!-- end side -->
        </div><!-- end serve-apply -->
    </div><!-- end section -->
                <div class="categories">

                    <div class="head">

                        <h3>categories</h3>

                    </div><!-- end head -->

                    <div class="body">

                        <ul>

                            <volist name="category_list" id="item">

                                <li><a href="{$item.href}"><em>{$item['title']}</em>

                                    <i class="num"></i></a></li>

                            </volist>

                        </ul>

                    </div><!-- end body -->

                </div><!-- end categories -->

Answer 1

<div style="clear:both;" />

PHP和HTML表单对齐问题

问题描述

1 个解决方案

解决方案1
1 2015-11-19 05:45:39

PHP和HTML表单对齐问题

问题描述

1 个解决方案

解决方案1 1 2015-11-19 05:45:39

解决方案1
1 2015-11-19 05:45:39