ホームページ制作について質問です。の... [2012年02月19日(Sun)]
ホームページ制作について質問です。のグローバルナビゲーションのように、ソース上ではテキストだが、ブラウザ上では画像アイコンのボタンにする方法が知りたいです。私のホームページのグローバルナビゲーションのソースです※htmldivid=mainImageulliahref="A"imgsrc="../images/gnavi01.png"alt="あいうえお"width="100"height="25"//a/liliahref="B""imgsrc="../images/gnavi02.png"alt="かきくけこ"width="100"height="25"//a/liliahref="C""imgsrc="../images/gnavi03.png"alt="さしすせそ"width="100"height="25"//a/li/ul/div※css#mainImage{height:250px;width:900px;margin-right:auto;margin-left:auto;background-image:url(../images/header.png);background-repeat:no-repeat;padding-top:1px;}#mainImageul{margin-left:362px;margin-top:233px;}#mainImageli{float:left;}試しに、aherf="A"class="home"として、.home{display:nonebackground-image:url(../images/gnavi01.png);}のように設定したら、gnavi01.pngも一緒に消えてしまいmainImageの背景に設定した画像が表示されているだけになってしまいます。のグローバルナビゲーションのように、ulid="globalmenu"class="clearfix"liaclass="home"href="./"SEO無料/a/liliaclass="seoexamine"href="seoexamine/"SEO診断ツール/a/liliaclass="seotools"href="seotools/"SEO対策サービス/a/liliaclass="seoplan"href="fixedseo/"SEOプラン/a/liliaclass="seminar"href="seminar/"SEO対策セミナー/a/liliaclass="faq"href="faq/"よくある質問/a/liliaclass="inquiry"href="inquiry/"お問い合わせ/a/li/ulalt属性による説明文ではなく、テキストでの入力をしたいのですが、無知なもので色々調べましたが出来ません。ご教授頂けるよう宜しくお願いします。(dreamweavercs4を使って作成しています)
ベストアンサー
ここでも参考にしてください。おそらく、やりたい事が書いてあります。理屈としては、テキストはインデントをつけて、表示エリア外へ飛ばしています。で、背景画像を表示。ディスプレイブロックで、クリックできるエリアを指定。a:hoverでロールオーバーを表現しています。ただし、このやり方では印刷時にキレイに表示されません。(プレビューしてみればわかりますが)もちろん、回避する方法もありますが。。まぁ、ちょっと考えてみてください。
WEB制作会社 東京
ベストアンサー
ここでも参考にしてください。おそらく、やりたい事が書いてあります。理屈としては、テキストはインデントをつけて、表示エリア外へ飛ばしています。で、背景画像を表示。ディスプレイブロックで、クリックできるエリアを指定。a:hoverでロールオーバーを表現しています。ただし、このやり方では印刷時にキレイに表示されません。(プレビューしてみればわかりますが)もちろん、回避する方法もありますが。。まぁ、ちょっと考えてみてください。
WEB制作会社 東京



