Css div和链接/表单的问题

Css div和链接/表单的问题,css,class,html,button,Css,Class,Html,Button,所以我在一个div中有一个部分来制作我的左侧边栏。请记住,我对html非常陌生。无论如何,这个div中目前有三个按钮,但是出于某种原因,weebly告诉我标签有问题。另外,无论哪个按钮出现在第二位,链接也会一直显示在我的右div中。如果您有任何想法,我们将不胜感激,谢谢 <div id="left"> <a href="https://www.twitter.com/racinbases"><img src="icon" height="50" width=

所以我在一个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
中,未关闭;在
src
标记中定义一些图像扩展,如:jpg、png。


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

我想您想这样做吗

 <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>

弗莱夫特先生{
宽度:325px;
高度:1000px;
浮动:左;
}
.红颜色{
背景色:红色;
}
.蓝色{
背景颜色:蓝色;
}

尝试通过html验证程序运行代码。我建议您通过单击绿色复选标记接受此答案。因此,如果其他人面临同样的问题,他们也可以从中受益。