こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ホームページの作り方

http://mezyu.chottu.net/
FrontPage ExpressとFFFTPを使っています。
テンプレートをかりてホームページをつくっているのですが、コンテンツ(右の)を増やそうとすると白いわくが消えてしまって
About Diary Links Mailform Top
と横書きに出てきてしまいます。

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=x-sjis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>*</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
<!--
a:link,a:visited,a:active,a:hover{
color:#000;
text-decoration:none;
}
body{
margin:0px;
background-image:url(bg1.jpg);
background-position:100% 0%;
background-repeat:no-repeat;
overflow:hidden;
}
.m1{
padding:5px 0px;
width:100%;
background-color:#fff;
border-bottom:1px solid #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
text-align:center;
}
-->
</style>
</head>

<body>

<p><a href="about.html" target="main">About</a> <a
href="links.html" target="main">Links</a> <a href="mailform.html"
target="main">Mailform</a> <a href="top.html" target="main">Top</a>
</p>
</body>
</html>

↑ここにDiaryを増やしたくて<a href="diary.html" target="diary">Diary</a>と入れてみたのですが。。。

教えてもらえると助かります。

投稿日時 - 2007-06-24 20:33:04

QNo.3112465

困ってます

質問者が選んだベストアンサー

そうですか・・。
提示されたホームページのメニューの部分のURLからソースを開くと、

<div class="m1"><a href="about.html" target="main">About</a></div>
<div class="m1"><a href="links.html" target="main">Links</a></div>
<div class="m1"><a href="mailform.html" target="main">Mailform</a></div>
<div class="m1"><a href="top.html" target="main">Top</a></div>

が表示されます。つまりメニューの部分はこのタグで作られてるのです。

あと考えられることは、

<a href="about.html" target="main">About</a> <a
href="links.html" target="main">Links</a> <a href="mailform.html"
target="main">Mailform</a> <a href="top.html" target="main">Top</a>

に付け加える時に「半角スペース」を置いて加えていますか?
このタグの<a href="">~</a>と<a href="">~</a>の間には半角の空白がありますが、
同じようにそうやって追加してもだめでしょうか?(やってたらすみません)

投稿日時 - 2007-06-25 21:26:24

お礼

なぜだか解りませんがFrontPage ExpressではなくNotepadでやってみたら出来ました。

二回も回答していただきありがとうございました。

投稿日時 - 2007-06-25 22:29:09

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

この body の部分の表示ですが、何か抜けてませんか?(完全コピー?)

スタイルシートの .m1 の部分が、メニューの部分のスタイル(構成)を表しているので、
もともとのタグが

<div class="m1"><a href="about.html" target="main">About</a></div>
<div class="m1"><a href="links.html" target="main">Links</a></div>
<div class="m1"><a href="mailform.html" target="main">Mailform</a></div>
<div class="m1"><a href="top.html" target="main">Top</a></div>

というふうに div で囲まないと下地が白にならなかったり、
各項目が改行されたりしません。よって上記のタグに

<div class="m1"><a href="diary.html" target="diary">Diary</a></div>

を付け加えれば、思った表示になるとおもいます

投稿日時 - 2007-06-25 00:46:41

お礼

回答ありがとうございます。
テンプレートに頼ってばかりだったのでこれから頑張ってタグ勉強しようと思います。
div を入れてやってみたのですが、
HTMLの表示と編集 のOKを押してもう一度HTMLの表示と編集を開くと<a href="diary.html" target="diary">Diary</a>に戻ってしまいました。
もともとのを編集しないで↓
<a href="about.html" target="main">About</a> <a
href="links.html" target="main">Links</a> <a href="mailform.html"
target="main">Mailform</a> <a href="top.html" target="main">Top</a>
これでなら枠が表示されるのですが。。。

投稿日時 - 2007-06-25 17:37:13

あなたにオススメの質問