Css div和链接/表单的问题
所以我在一个div中有一个部分来制作我的左侧边栏。请记住,我对html非常陌生。无论如何,这个div中目前有三个按钮,但是出于某种原因,weebly告诉我标签有问题。另外,无论哪个按钮出现在第二位,链接也会一直显示在我的右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 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验证程序运行代码。我建议您通过单击绿色复选标记接受此答案。因此,如果其他人面临同样的问题,他们也可以从中受益。