0

アイテムを購入するためのペイパルリンクを含むストアページを作成しようとしています。PayPalからコードを受け取りましたが、正しくフォーマットできません。2つのアイテムを並べて配置したいのですが、これがどのように行われるのかわかりません。

#shirt {
width:380px;
margin:0;
clear:both; 
}

#content {
margin:0 0px 0 0;
margin:0 0px 0 0;
border-right:1px solid #000000;
border-left:1px solid #000000;
padding:10px 25px 30px 25px;
}


    <div id="content">
        <!--SHIRT ONE--!>
        <div id="shirt">
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_s-xclick">
            <input type="hidden" name="hosted_button_id" value="B2CBLQAD7BJ4J">     
            <table>
                <tr>
                    <td>

            <div class="img">
                <input id="image" type="image" src="cover.png" name="tee" width="250" height="250"></td>
            </div>

            <table>
                <tr>
                    <td><input type="hidden" name="on0" value="Color">Color</td>
                    <td><input type="hidden" name="on1" value="Size">Size</td>
                </tr>
                <tr>
                    <td>
                        <select name="os0">
                            <option value="White">White</option>
                            <option value="Black">Black</option>
                            <option value="Grey">Grey</option>
                        </select>
                    </td>
                    <td>
                        <select name="os1">
                            <option value="S">S </option>
                            <option value="M">M </option>
                            <option value="L">L </option>
                            <option value="XL">XL </option>
                        </select> 
                    </td>
                </tr>
            </table>
            <br />

            <input type="hidden" name="currency_code" value="USD">
            <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
            <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
            </form>
        </div>
        <!--SHIRT TWO--!>
        <div id="shirt">
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_s-xclick">
            <input type="hidden" name="hosted_button_id" value="B2CBLQAD7BJ4J">     
            <table>
                <tr>
                    <td>

            <div class="img">
                <input id="image" type="image" src="cover.png" name="tee" width="250" height="250"></td>
            </div>

            <table>
                <tr>
                    <td><input type="hidden" name="on0" value="Color">Color</td>
                    <td><input type="hidden" name="on1" value="Size">Size</td>
                </tr>
                <tr>
                    <td>
                        <select name="os0">
                            <option value="White">White</option>
                            <option value="Black">Black</option>
                            <option value="Grey">Grey</option>
                        </select>
                    </td>
                    <td>
                        <select name="os1">
                            <option value="S">S </option>
                            <option value="M">M </option>
                            <option value="L">L </option>
                            <option value="XL">XL </option>
                        </select> 
                    </td>
                </tr>
            </table>
            <br />

            <input type="hidden" name="currency_code" value="USD">
            <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
            <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
            </form>
        </div>
    </div><!--content--!>
4

1 に答える 1

1

このようにCSSを変更して、コンテナに幅を与えてみてください

#shirt {
 float: left;
 margin: 0;
 width: 380px;
}

このデモを確認してくださいhttp://jsfiddle.net/sanjaymv/9ghZD/

于 2013-03-14T04:26:45.573 に答える