2017-06-17 87 views
-4

这是我们绝望的努力使按钮的工作。 BUTTON在我添加另一个之前工作。请帮忙。我们在使按钮外观不同但现在已经修复时也遇到了困难。 (它的今天,你怎么样只是告诉我一些文字更使多数民众赞成的原因我写这一点。这AINT重要?)按钮不会工作

\t .Button { 
 
    background-color: darkcyan; 
 
    border: none; 
 
    color: black; 
 
    padding: 15px 32px; 
 
    text-align: center; 
 
    text-decoration: none; 
 
    display: inline-block; 
 
    font-size: 16px; 
 
\t font-family: hacked; 
 
\t 
 
\t 
 
} 
 

 
    .sub { 
 
    position: relative; 
 
} 
 
.itmHolder { 
 
    position: relative; 
 
} 
 

 
    
 
    
 
    .itmHolder:nth-child(2), 
 
.itmHolder:nth-child(3) { 
 
    position: absolute; 
 
    top: 0; 
 
} 
 
.og { 
 
    margin-top: 50px; 
 
    position: center; 
 
    text-align: center; 
 
}
<title>Our Future</title> 
 
\t </head> 
 
\t <!--Baggrunds farve--> 
 
\t <body bgcolor="#212f3c"> 
 
\t 
 
\t <!--Hovedskriften--> 
 
    <font size=40><center><h1 style="font-family:blowbrush;">Future</font></center></h1><form action="side2.html"> 
 
\t 
 
\t 
 
\t <div class="og"> 
 
    <div class="itmHolder"> 
 

 
    <div class="sub"> 
 
     <button type="button" class="Button">About us<form action="side2.html"></button> 
 
     <button type="button" class="Button">Buy now<form action="buynow.html"></button> 
 
    </div> 
 
</div> 
 
\t 
 
\t 
 
\t <br></br> 
 
</body> 
 
</html> 
 
    <picture> 
 
    <!--Billede--> 
 
    <br></br> 
 
    <br></br> 
 
<center><img src="CSfU23PXAAEA8et.jpg" alt="Matrix" style="width:auto;" border="5"><center/> 
 
<br></br> 
 
<br></br> 
 
<!--Youtube video--> 
 
<center><iframe width="700" height="400"src="https://www.youtube.com/embed/XGSy3_Czz8k?playlist=XGSy3_Czz8k&loop=1"></center></iframe> 
 
</picture>

+2

你需要真正解释你的问题。当它告诉你添加更多的文本时,这并不意味着你应该为你的问题添加一些不相关的垃圾邮件。除了“让按钮工作”之外,当你甚至没有说出你想要完成的事情时,人们应该如何帮助你? – Carcigenicate

+0

考虑到这些只会影响你的目录结构,我不知道它们应该做什么,我怎么知道它们应该如何工作? –

+0

好友,你为什么不开始与基本的HTML和CSS教程? – Ganesh

回答

0

您havnt关闭你的表单标签,你有它在错误的地方。调整你的代码:

<div class="sub"> 
     <form action="side2.html" method="POST"> 
      <input type="submit" class="Button" value="About us"> 
     </form> 
     <form action="buynow.html" method="POST"> 
      <input type="submit" class="Button" value="Buy now"> 
     </form> 
    </div> 

或者如果你不喜欢使用形式,使用<a>标签:

<div class="sub"> 
     <button type="button" class="Button"><a href="side2.html">About us</a></button> 
     <button type="button" class="Button"><a href="buynow.html">Buy now</a></button> 
    </div> 
+0

当我这样做时,我的按钮不会并排,而是在彼此顶部 –

+0

使用什么?表格或''标签> –

+0

没有表格中的第一个。 –

0

您没有使用<form>标签以正确的方式在下面的代码部分

<div class="sub"> 
     <button type="button" class="Button">About us<form action="side2.html"></button> 
     <button type="button" class="Button">Buy now<form action="buynow.html"></button> 
    </div> 

尝试这种方式

<div class="sub"> 
    <form action="side2.html"> 
     <button type="submit" class="Button">About us</button> 
    </form> 
    <form action="buynow.html"> 
     <button type="submit" class="Button">Buy now</button> 
    </form> 
    </div> 

别的尝试这种替代方法

<div class="sub"> 
    <a href="side2.html" class="Button">About us</a> 
    <a href="buynow.html" class="Button">Buy now</a> 
</div> 

希望这可以帮助。