No.1
- 回答日時:
No.2
- 回答日時:
>どのように設定していけばいいのでしょうか?
とは、どういう意味かわかりませんが、画面上の配置は「表」を作って、たとえば1列5行の表のセルの中へ画像ボタンを挿入します。
ボタン画像というのはファイルの拡張子が「gif」などですよね。
それでしたら普通に文字列と同じように「リンクの挿入」でリンクが取れます。
>マウスがあたると色が変わったり、表示ページのメニューは別画像になるなど
オンマウスで色などが変わるのは「ロールオーバー」です。色を変えたいボタンを選択状態で「挿入」「画像の効果」「ロールオーバー効果」で設定できます。
オンマウスで別画像にするには、別途別画像を作っておいてロールオーバーにします。
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>内に設置。
試せばわかりますが、
自由なデザインにしたいなら勉強が必要です。
お探しの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ランキング
-
CSSのposition指定で親要素の背...
-
画像にリンクを張ると画像がず...
-
1から100までの自然数のうち、2...
-
htmlの文字が縦書きになる
-
ポップアップメニューを表のよ...
-
smallにtext-allignが効かない
-
【ヒトの神秘】美男美女から何...
-
「諸要素」とはどういう意味で...
-
超音波で洗脳。
-
widthやheightの数値に単位(px...
-
line-height指定で発生する余白...
-
html5でheaderの中にnav
-
リストの数字のフォントサイズ...
-
ポップアップメニューの作成方...
-
CSS、width100%でもできる余白
-
cssで「下よせ」ってどうやって...
-
CSS(0の単位)について
-
改行ほどは行かないけど、若干...
-
<h1>、<h2>と<p><div>の行間を...
-
一括で全体を右にずらす
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ワードにコピペ、画像が表示さ...
-
Firefoxだとメニューバーが崩れ...
-
リストの画像をくっつけたい!
-
箇条書きで表される点がずれる...
-
CSSのposition指定で親要素の背...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
htmlのolやulなどlistにtitleや...
-
<h1>、<h2>と<p><div>の行間を...
-
HTML属性での「""」 「''」違い
-
超音波で洗脳。
-
widthやheightの数値に単位(px...
-
ボタンをセル内一杯に表示させ...
-
div要素が重なってします
-
リストマーカーをボックス内に...
-
質問1.
-
<div id="container">の使いか...
-
リンクを知らせる手のマークが...
-
画像イメージの上下左右、欲し...
-
複数のボタンを等間隔に、かつ...
おすすめ情報