2016-03-16 67 views
2

我正在試圖將腳註文檔加入索引文件。但它不起作用,我懷疑我的css文件有問題。如何在HTML文檔中加入'include'

html {background: url("bakgrund.gif");} 
 
/*https://pixabay.com/ Gratis bilder Creative Commons CC0*/ 
 
html { overflow-y: scroll;} 
 

 

 
body { 
 
    background: white; 
 
\t border: 1px solid #0000ff; 
 
    font-family: calibri, arial, sans-serif; 
 
\t width: 750px; 
 
\t margin: 25px auto; 
 
\t padding: 0; 
 

 
} 
 
header { 
 
\t height: 175px; 
 
\t background-color: #edffff; 
 
\t margin-top: -16px; 
 
\t padding: 0; 
 
} \t 
 

 
nav \t { 
 
\t height: 35px; 
 
\t background-color: #edffff; 
 
\t padding-left: 10px; 
 
} 
 

 
section \t { 
 
\t width: 550px; 
 
\t float: left; 
 
\t min-height: 400px; 
 

 
} 
 

 
article \t { 
 
\t width: 550px; 
 
\t float: left; 
 
\t background-color: yellow; 
 
} 
 

 
aside \t { 
 
\t width: 200px; 
 
\t float: right; 
 
\t background-color: lightgrey; 
 
} 
 

 
footer \t { 
 
\t clear: both; 
 
\t position: relative; 
 
\t height: 55px; 
 
\t padding: 5px ; 
 
\t text-align: center; 
 
\t background-color: magenta; 
 
} \t 
 

 
address \t { 
 
\t font-size: 12px; 
 
\t font-style: normal; 
 
} \t 
 

 
/* Menykataloger */ 
 

 

 
ul { 
 
margin: 0; 
 
padding: 0; 
 
} 
 

 

 
#meny li { 
 
display: inline; 
 
padding: 5px 1px; 
 
} 
 

 
#meny li a { 
 
margin: 0 5px 0 5px; 
 
padding: 5px 15px; 
 
text-align: center; 
 
font-family: arial; 
 
font-size: 13px; 
 
font-weight: bold; 
 
color: black; 
 
border: 1px solid black; 
 
border-radius: 5px; 
 
background: yellow; 
 
} 
 

 
#meny li a:hover { 
 
background: #CCEBFF; 
 
color: black; 
 
} 
 

 
#meny a:link, #meny a:visited { 
 
color: black; 
 
text-decoration: none; 
 
} 
 

 
#meny a:active { 
 
color: white; 
 
} 
 

 
#meny a#current { 
 
background: white; 
 
}
<!DOCTYPE html> 
 
<html lang="en-US"> 
 
\t <head> 
 
\t \t <title>Test</title> 
 
\t \t <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
\t \t <link rel="stylesheet" href="stil.css" type="text/css"> 
 
\t </head> 
 
<body> 
 

 
<nav> 
 
<ul id="meny"> 
 
<li><a href="index.html" id="current">Hem</a></li> 
 
<li><a href="#">AAA</a></li> 
 
<li><a href="#">BBB</a></li> 
 
<li><a href="#">CCC</a></li> 
 
</ul> 
 
</nav> 
 
<section> 
 
<h2>Huvudrubrik</h2> 
 
<p>Huvudinnehåll</p> 
 

 
\t <article> 
 
\t <h2>Rubrik 1</h2> 
 
\t <p> \t Innehåll 1 med rubriker</p> 
 
\t </article> 
 

 
\t <article> 
 
\t <h2>Rubrik 2</h2> 
 
\t <p> \t Innehåll 2 med rubriker 
 
\t </p> 
 
\t </article> 
 

 
</section> \t \t 
 
\t 
 
<aside> 
 
Nyhetsbrev H-spalt 
 
</aside> 
 

 
<?php include("fot.php"); ?>

結果是錯誤的邊界的解釋。它只是環繞頭部而不是整個區域。

回答

0

我不明白你在做什麼,但你的問題是由float: leftsection標籤造成的。有很多替代品可以浮動,如flexgrid ,,所以不要選擇float。這會造成很多問題。你的問題列在here

你的php沒有問題。

0

我明白你的問題 你爲什麼不跟<開始你的文件嗎? php開始並關閉它在末尾 而不是你用過的像這樣=>「<?php include(」fot.php「);」如果你能看到第二個文件的末尾? 並保存加上.php 主HTML文件相信我什麼都不會發生在你的HTML代碼,即使你保存文件以.php

,第二件事是,你可以包括所有的HTML內容將運行良好以兩種方式 即 包括'文件名';

require'filename';你最好在文件起始處包含 誰知道這個包含的文件是否可以從開頭正確使用

感謝你!