2017-06-17 152 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> 

希望這可以幫助。