- ベストアンサー
OK waveみたいに・・・。
OK waveみたいに横にこーなんっていうんでしょうか・・・。 コミュニティとかグランプリとかありますよね? そういう感じで横にメニューを並べたいのですがその方法またタグ教えてください。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
最も簡単なのは<table>タグ使うことかな? <table border="0"> <tr> <td width="80" align="center" bgcolor="red"><a href="./001.html" style="text-decoration: none;">1ページ目</a></td> <td width="80" align="center" bgcolor="LightCyan"><a href="./002.html" style="text-decoration: none;">2ページ目</a></td> <td width="80" align="center" bgcolor="LightCyan"><a href="./003.html" style="text-decoration: none;">3ページ目</a></td> </tr> </table> のように・・・style="text-decoration: none;"でリンク下線を消してます ↑は1ページ目のメニューで2ページ目のメニューは上の bgcolorを1ページ目のところを『LightCyan』にして2ページ目のところを『blue』とかにすればいいです(別に色は何でもいいです(笑) んでもうちょっとスタイリッシュなのを作りたいのであれば『タブメニュー』で検索してみればいいですよ(^^) ↓こことか・・・
その他の回答 (2)
- akuhijrwq
- ベストアンサー率35% (381/1064)
OKWEBでは以下のように設定されています。 http://service.okwave.jp/css/community.css のcssで <div id="ok_tabs"><ul><li id="tab_community" class="tab_service"><a href="http://okwave.jp">コミュニティー</a></li> <li id="tab_gp" class="tab_service"><a href="http://gp.okwave.jp">グランプリ</a></li> <li id="tab_answerist" class="tab_service"><a href="http://answerist.okwave.jp">アンサリスト</a></li> <li id="tab_business" class="tab_service"><a href="http://business.okwave.jp">ビジネス</a></li> <li id="tab_company" class="tab_service"><a href="http://service.okwave.jp/okwave/okclip/">OK CLIP</a></li> <li id="tab_company" class="tab_service"><a href="http://help.okwave.jp/okwave/beginner/beginner.html" target="beginner">はじめてガイド</a></li> <li id="tab_company" class="tab_service last"><a href="http://www.okwave.co.jp/?w=1">法人サービス</a></li> </ul></div><!--/ok_tabs--> ソースはこうなっています。 http://tyutaro.com/hplife/html/risu.html
- hamutaro_
- ベストアンサー率5% (1/20)
自分もあまりよくわかりませんが、スタイルシートを使うとそのようにできる気がします
補足
そういうサイトあったら教えていただけますか? スタイルシートとかわからないんで・・・。すみません。