2017-02-24 116 views
-4

我正在嘗試設置我在我的網站上設置的聯繫人表單。我拿了一個現成的(HTML與CSS樣式和PHP的動作),但是當我把它放在我的HTML,它不鏈接HTML與CSS。我應該如何定義div?謝謝。聯繫人表單樣式問題

<div id="contact" class="contact"> 
 
    <div class="row"> 
 
     <div class="divider4"></div> 
 
     <form action="mail.php" method="post" id="vreme"> 
 
    
 
      <div class="column-1"> 
 
       YOUR NAME<br/><br/> 
 
       <input name="name" id="name" value="" /> 
 
      </div> 
 

 
    
 
      <div class="column-2"> 
 
       YOUR E-MAIL<br/><br/> 
 
       <input name="email" id="email" value="" /> 
 
      </div> 
 

 
      <div class="column-3"> 
 
       MESSAGE<br/><br/>   
 
       <textarea id="message" name="message" ></textarea> 
 
      </div> 
 

 
      <div class="button"> 
 
       <span><input class="submit" id="submit" name="submit" type="submit" value="Send"></span> 
 
      </div> 
 
     </form> 
 
    </div> 
 
</div>

+1

「它不會在HTML與CSS鏈接」 - 爲什麼呢,有代碼中沒有你的CSS提供。 – Quentin

+1

「我應該如何定義divs?」 - 隨你怎麼便?我們不知道你在努力達成什麼。 – Quentin

回答

2

您有加入的CSS參考網頁標題?在

<link rel="stylesheet" href="css/form-style.css" type="text/css"> 
2

應該有一個CSS網站的給定的HTML表單的CSS文件。您應該通過在html頭部提到以下代碼將form.css文件連接到form.html文章。檢查它並看看

<html> 

<head> 
<link rel="stylesheet" href="css/form.css" type="text/css"> 
</head> 

<body> 
<div id="contact" class="contact"> 
    <div class="row"><div class="divider4"></div> 
    <form action="mail.php" method="post" id="vreme"> 

    <div class="column-1"> 
      YOUR NAME<br/><br/> 
      <input name="name" id="name" value="" /> 
      </div> 


    <div class="column-2"> 
      YOUR E-MAIL<br/><br/> 
      <input name="email" id="email" value="" /> 
      </div> 

    <div class="column-3"> 
      MESSAGE<br/><br/>   
      <textarea id="message" name="message" ></textarea> 
      </div> 

    <div class="button"> 
       <span><input class="submit" id="submit" name="submit" type="submit" value="Send"></span> 
       </div> 
</form> 
    </div></div> 

</body> 
</html> 
0

我已經包含了CSS引用,其餘的我的頁面樣式工作,那不是。奇怪的部分是,我從之前的一個網站上取得了這個,並且它在那裏完美地工作。

<link rel="stylesheet" href="assets/style.css" type="text/css">

0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Form Style</title> 
<link type="text/css" rel="stylesheet" href="css/form.css"/> //css/form.css - select your file location 
/* OR */ 
<style type="text/css"> 
/*Paste your css style code here*/ 
</style> 
</head> 
<body> 
<div id="contact" class="contact"> 
    <div class="row"> 
     <div class="divider4"></div> 
     <form name="mail" action="mail.php" method="post" id="vreme"> 

      <div class="column-1"> 
       YOUR NAME<br/><br/> 
       <input name="name" id="name" value="" /> 
      </div> 


      <div class="column-2"> 
       YOUR E-MAIL<br/><br/> 
       <input name="email" id="email" value="" /> 
      </div> 

      <div class="column-3"> 
       MESSAGE<br/><br/>   
       <textarea id="message" name="message" ></textarea> 
      </div> 

      <div class="button"> 
       <span><input class="submit" id="submit" name="submit" type="submit" value="Send"></span> 
      </div> 
     </form> 
    </div> 
</div> 
</body> 
</html> 

希望這有助於...