SSIに関するご質問
下記サイトを参考にHTMLファイルを外部から読み込む方法(SSI)について試行錯誤しております。
一通り作業を済ませファイルは読み込むのですが、ファイルが挿入された1行目の上に隙間(10px程)ができて困っておりご質問させていただきます。
参考サイト
http://allabout.co.jp/gm/gc/23773/2/
-----------------------------------------
・CSS
* {
margin: 0;
padding: 0;
}
body {
font-size: 12px;
line-height: 1.2;
font-weight: normal;
font-family: "MS Pゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
color: #000;
background-color: #FFF;
overflow-x: hidden;
}
h1 {
font-size: 12px;
line-height: 14px;
margin: 0;
padding: 0;
}
-----------------------------------------
・共通部分のHTMLファイル(test.html)
<h1>私のホームページ</h1>
<p>
<a href="a.html">HOME</a>
<a href="b.html">紹介</a>
<a href="c.html">日記</a>
<a href="d.html">LINK</a>
</p>
-----------------------------------------
・ページのHTML
<!--#include virtual="/ssi/test.html" -->
-----------------------------------------
・備考
h1タグをspanにすると隙間がなくなって表示されました。
-----------------------------------------
CSSでどのような記述をすればh1タグの上にできる隙間をなくせるのかご教授いただければ幸いです。
よろしくお願いします。
お礼
ご丁寧な回答ありがとうございます。 早速、アパッチをインストールしたいと思います。 規模も非常に小さいですし、 プログラミングの勉強みたいなものなので とりあえずは、仮想化なしでやってみます。 またサーバーソフトや、PHP/Perlなどで質問することがあるかもしれません。 そのときはよろしくお願いいたします。