はじめまして!
http://www.ever-rise.co.jp/corporate/index.html
このサイトメニューバーの縦ラインの作り方をぜひに詳細に教えてください。
ソフトは Fireworks CS5.1です。
よろしくお願いいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
メニューの項目の枠でしたら、画像ですが???
スタイルシートにて、:hoverで背景画像をずらす、もしくは入れ替えている。
そのサイトの仕組みは、ソースを見たらわかるので省きます。
firefox+firebugで、詳しくわかります。
一般的には、HTMLが
<div class="nav">
<ul>
<li><a href=""></a></li>
の場合
div.nav ul li a:visited{background-image:(url);;background-position:0 50px;}
div.nav ul li a:link{background-position:0 0;}
div.nav ul li a:hover,div.nav ul li a:focus{background-position:0 100px;}
div.nav ul li a:active{background-position:0 150px;}
などとするでしょう。
詳しくは、
ロールオーバー :hover 背景画像 - Google 検索 ( http://www.google.co.jp/#sclient=psy-ab&hl=ja&sa … )
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスのエラー ログイン画面が表示できない 1 2022/11/05 09:51
- その他(ホビー) ペーパークラフトの塗装 2 2022/10/06 00:40
- SQL Server ACCESSで表が作りたく、そのためのSQL文や設定方法を教えてください。 1 2022/08/15 12:28
- その他(Microsoft Office) outlookのツールバーが縦になってしまいました。。。直す方法はないでしょうか 2 2023/01/16 09:17
- TOEFL・TOEIC・英語検定 英語について詳しい方教えてください。 a rise in popularity 人気の上昇 の英文で 1 2022/05/12 20:15
- デスクトップパソコン PCでファイルを右ドラッグして出てくるメニューの編集方法を教えて下さい 2 2023/01/17 13:31
- インターネット広告・アフィリエイト アフェリエイトサイト 作成について 5 2022/05/13 21:31
- Windows 10 Windows10搭載の画面録画 容量を小さくする方法ありますか? 3 2022/06/21 09:45
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- レトロゲーム スーパーファミコンソフトの「大相撲魂」というソフトの操作方法を教えて欲しいです 1 2022/08/05 20:01
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リストマーカーをボックス内に...
-
cssの display: flex;で横並び...
-
「CSS」リストの2段組どのよう...
-
リストの数字のフォントサイズ...
-
li 長さ指定
-
[CSS3] last-childについて
-
メニューの折り畳み階層化について
-
リストの回り込みについて(マ...
-
header と nav の隙間を埋めたい。
-
<ul>と<li>リストマークを消す...
-
画像はDIVタグとPタグの両方で...
-
list-style-type部分だけ大きく...
-
ドロップダウンメニューが隠れ...
-
<ul>~</ul>が二つ続くと間に改...
-
<table>の高さ固定。情報増加時...
-
<ol><li> 左側にスペースがで...
-
ulタグやliタグの中でbrタグ...
-
ページを開いているときのリン...
-
liタグを改列させたい。
-
リンク文字同士の間隔を開ける...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
番号付きリスト(<Ol><Li>・・...
-
liタグの中に<p>タグやら<dl>を...
-
<table>の高さ固定。情報増加時...
-
レスポンシブWebデザインでリン...
-
<ul><li></li></ul>にするメリ...
-
リストの数字のフォントサイズ...
-
HTMLで組織図を作成する方法
-
ulタグやliタグの中でbrタグ...
-
divタグ内のコンテンツが重なっ...
-
画像にリンクを張ると画像がず...
-
複数行にまたがる括弧を表示し...
-
html <ul></ul>の並びで一行空...
-
ページを開いているときのリン...
-
HTML5のfooterに見出しを付けて...
-
html/cssの、navを2段にする...
-
<ul>~</ul>が二つ続くと間に改...
-
htmlの<ol>タグで、数字などを...
-
リンク文字同士の間隔を開ける...
-
CSSでつくったメニューのアニメ...
おすすめ情報