人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

以下のようなサイトを作りたいのですが、
http://www5.synapse.ne.jp/taro/
思うようなデザインに出来ません。
知恵を貸してください。
(詳しくは上記サイトに書いてあります)

●質問者: taro_707
●カテゴリ:ウェブ制作
✍キーワード:サイト デザイン
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

1 ● nekogo
●17ポイント

http://tohoho.wakusei.ne.jp/wwwssi.htm

そのファイルは現在ありません

SSIが使えるようであれば、メニュー部分を他のファイルとして、以下のような形で呼び出せばできると思います。

呼び出す側のファイル名は、shtml となります。

<!--#include file=”メニュー部分” -->

◎質問者からの返答

回答ありがとうございます。SSIですか。

名前だけは知ってますが、使ったことがないので今から勉強します。

でも使えたら便利そうですね。

頑張っておぼえます。


2 ● tetsuya9
●17ポイント

右のセルをセルで区切らずに1行にして、ナビゲーションのために一つテーブルを設けます。

そのナビゲーション入りのテーブルを、既存のテーブルの右列に、上寄せで入れれば大丈夫だと思います。

◎質問者からの返答

上寄せということはalignで指定するということでしょうか?

私も考えたのですが、

http://tohoho.wakusei.ne.jp/html/table.htm

の中に上寄せ指定の属性が見つからなかったので

あきらめてました。

よろしければ上寄せの具体的な方法を教えてもらえないでしょうか?

勉強不足ですみません。


3 ● aki73ix
●17ポイント

http://asa7410.hp.infoseek.co.jp/

HP-DESIGN.NET

ここのサイトのようにダイナミックHTMLを使ってはいかがでしょうか?サンプルも入手可能です

少し加工して、JavaScriptでブラウザの画面の幅を取得してナビゲーションの座標を調整すればいい感じになるかと思います

http://www2.ocn.ne.jp/~yoochan/decoration/

Decoration HTML Room

◎質問者からの返答

実はダイナミックHTMLも使ったことがないです。

恥ずかしながら、、、。

1つ目のサイトはメニューが動くようですが、今回は上部に固定したいです。

ダイナミックHTMLとJavaScriptを使って特定の位置に固定するということは可能でしょうか?


4 ● KAIUN
●17ポイント

メニューが入っているテーブルのセルが伸びてしまうということですよね?

それでしたら、たとえばメニューの部分だけを独立したテーブルに入れるなりして、右側のセル(背景がグレーの部分)の縦配置を“TOP”にしてあげれば大丈夫だと思います。

↓グレーの部分のこんな感じです。

<td valign=”top” bgcolor=”#CCCCCC”>

<table width=”200” border=”0” cellspacing=”0” cellpadding=”0”>

<tr>

<td bgcolor=”#FFFF99”>TOP

<p>INFOMATION</p>

<p>TOPICS</p>

<p>FAQ</p>

<p>LINK</p>

<p>MAIL</p></td>

</tr>

</table></td>

◎質問者からの返答

なるほど、セルをtopに指定するんですね。

ありがとうございます。


5 ● marutahiko
●16ポイント

<td width=”200” bgcolor=”#CCFFFF” valign=”top”>

<table width=”100%” border=”0” cellspacing=”0” cellpadding=”0” height=”100%”>

<tr>

<td bgcolor=”#FFFF99”> <font size=”2”>

<b>TOP

INFOMATION

TOPICS

FAQ

LINK

MAIL</b></font></td>

とすれば、メニューは上に固定されます。

灰色部分はメニューにくっつけるのではなく別テーブルにしてはどうでしょうか?

◎質問者からの返答

回答ありがとうございます。

今回はテーブルの方法を採用して、

他の方法はこれから勉強していきたいと思います。

みなさま、回答ありがとうございました。


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ