div 和链接/表单的问题答案

【问题标题】：Problems with div and links/formsdiv 和链接/表单的问题
【发布时间】：2014-03-26 20:53:38
【问题描述】：

所以我在 div 中有一个部分来制作我的左侧边栏。请记住，我对 html 很陌生。无论如何，这个 div 中目前有三个按钮，但由于某种原因，weebly 告诉我标签有问题。此外，第二个按钮的链接也一直显示在我的右侧 div 中。任何想法为什么将不胜感激，谢谢。

<div id="left">
    <a href="https://www.twitter.com/racinbases"><img src="icon" height="50" width="50">
    <a href="https://www.facebook.com/racinbases"><img src="icon" height="50">
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post"     target="_top" style="display: inline-block;">
        <input type="hidden" name="cmd" value="_s-xclick">
        <input type="hidden" name="encrypted" value=(removed for sanity)">
        <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_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 id='right'>

</div>


#left 
{
width: 325px; height: 1000px; float: left; background-color: red;
}

#right 
{
float:right; width: 515px; height: 1000px; background-color: blue;
}

【问题讨论】：

尝试通过 html 验证器运行您的代码。

标签： css class html button

【解决方案1】：

刚看到代码，真的很乱。

在你的 HTML 中<a> 没有关闭；并在src 标签中定义一些图像扩展名，例如：jpg、png。

我建议使用 BUTTON 元素而不是 INPUT type="image"。 BUTTON 元素更加灵活。您可以向其中添加图像，并且可以将其定义为提交或重置类型的按钮，而无需任何额外的 JavaScript。

【讨论】：

我建议您通过单击绿色复选标记来接受此答案。这样其他人在面临同样问题时也能从中受益。

【解决方案2】：

我想你想做这样的事情吗？

 <div id = 'wrapper'>
    <div class = 'fLeft redColor'>
        <a href = "https://www.twitter.com/racinbases"><img src = "icon" height = "50" width = "50"></a>
            <a href = "https://www.facebook.com/racinbases"><img src = "icon" height = "50"></a>
                <form action = "https://www.paypal.com/cgi-bin/webscr" method = "post" target = "_top" style = "display: inline-block;">
                    <input type = "hidden" name = "cmd" value = "_s-xclick"/>
                    <input type = "hidden" name = "encrypted" value = "encrypted"/>
                    <input type = "image" src = "https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif"/>
                    <img alt = "" border = "0" src = "https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width = "1" height = "1"/>
                </form>
    </div>
    <div class = 'fLeft blueColor'>
    </div>
</div>
<style>
    .fLeft {
        width: 325px;
        height: 1000px;
        float: left;
    }

    .redColor {
        background-color: red;
    }

    .blueColor {
        background-color: blue;
    }
</style>

【讨论】：