![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.4ベストアンサー
- 回答日時:
前質問の方ですね。
さっきは「表」でしたが、今回は「リスト」です。
「メニューリスト」と言う事です。表に似ていますが表では無いんです。
<ul id="nav">
<li class="bana"><a href="">バナナ</a></li>
<li class="app"><a href="">りんご</a></li>
<li class="ora"><a href="">みかん</a></li>
</ul>
横並びメニューや縦置きナビもありますし、テキスト・画像・色々です。
それらデザインや対応は、CSSで指定します。
<style type="text/css"><!--
ul#nav li{ display:block; width:200px; height:30px;}
ul#nav li a{ display:block; width:200px; height:30px; text-indent:-9999px;}
ul#nav li.bana a{background:url( ○○.jpg );} /* 例 */
ul#nav li.bana a:hover{background:url( );}
ul#nav li.app a{background:url( );}
ul#nav li.app a:hover{background:url( );}
ul#nav li.ora a{background:url( );}
ul#nav li.ora a:hover{background:url( );}
--></style>
( )内に各画像別のパスを入れて、<head></head>内に設置。
試せばわかりますが、
自由なデザインにしたいなら勉強が必要です。
No.2
- 回答日時:
>どのように設定していけばいいのでしょうか?
とは、どういう意味かわかりませんが、画面上の配置は「表」を作って、たとえば1列5行の表のセルの中へ画像ボタンを挿入します。
ボタン画像というのはファイルの拡張子が「gif」などですよね。
それでしたら普通に文字列と同じように「リンクの挿入」でリンクが取れます。
>マウスがあたると色が変わったり、表示ページのメニューは別画像になるなど
オンマウスで色などが変わるのは「ロールオーバー」です。色を変えたいボタンを選択状態で「挿入」「画像の効果」「ロールオーバー効果」で設定できます。
オンマウスで別画像にするには、別途別画像を作っておいてロールオーバーにします。
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 画像編集・動画編集・音楽編集 CyberLinkPowerDirectorでDVD作成時タイトル/チャプターのボタンが押せない 1 2023/04/09 12:30
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- Visual Basic(VBA) 【ExcelVBA】動的にボタン、ボタン名を生成できますか? 7 2022/04/08 12:54
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- iPad iPadでWebサイトで選択した文から「ユーザー辞書」を押しても登録画面が出ない 1 2022/08/11 19:56
- その他(Microsoft Office) Microsoft Edgeの「ニュースと関心事項」についてお聞きします。 3 2023/05/22 12:08
- 確定申告 確定申告のeTax申請、JA口座振替納税設定について 2 2023/02/11 08:30
- Excel(エクセル) [貼り付けオプション]とは? 3 2022/04/17 08:15
- WordPress(ワードプレス) ワードプレスで記事を書くスペースの横幅を広げたいです。 1 2022/09/24 18:16
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
既存画像(gif または png)の背...
-
ホームページビルダーを複数の...
-
パスワードつきホームページ ト...
-
ホームページの画面文字を濃く...
-
友達にドッキリをしたくて、ホ...
-
ホームページビルダー22でリン...
-
FFFTPでサーバに新規フォルダが...
-
今さらですがHPを作成するに当...
-
他人のホームページ(一部)を...
-
ホームページビルダー19文字化け
-
CSSと無料掲示板を組み込んだサ...
-
ビルドとリビルドの違いを教え...
-
FFFTPにアップロードしたファイ...
-
ホームページを作ろうかと
-
メールフォーム設置の文字化け...
-
ホームページビルダー
-
ホームページ作成
-
HTMLで、ホームページが作れる...
-
ページの内容コピペ 範囲が広い...
-
ホームページビルダー15で作っ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ワードにコピペ、画像が表示さ...
-
ドリームウィーバーでリスト作...
-
リストの画像をくっつけたい!
-
ホームページビルダー14でメニ...
-
CSSのどの部分を変更すると...
-
光沢のあるボタンの作り方について
-
IEの時に空白ができてしまします。
-
CSSの外部参照について。
-
CSSの継承について...
-
箇条書きで表される点がずれる...
-
Firefoxだとメニューバーが崩れ...
-
CSSのposition指定で親要素の背...
-
SEO対策について
-
階層型ドロップダウンメニュー...
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
widthやheightの数値に単位(px...
-
【ヒトの神秘】美男美女から何...
-
<h1>、<h2>と<p><div>の行間を...
おすすめ情報