ＯＫ ｗａｖｅみたいに・・・。

質問

ＯＫ　waveみたいに横にこーなんっていうんでしょうか・・・。

コミュニティとかグランプリとかありますよね？
そういう感じで横にメニューを並べたいのですがその方法またタグ教えてください。

回答No.3

leap_day · ベストアンサー

最も簡単なのは<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』とかにすればいいです(別に色は何でもいいです(笑）

んでもうちょっとスタイリッシュなのを作りたいのであれば『タブメニュー』で検索してみればいいですよ（＾＾）
↓こことか・・・

参考URL：

http://www.1uphp.com/con2/menu/menu.html

回答No.2

akuhijrwq

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

回答No.1

hamutaro_

自分もあまりよくわかりませんが、スタイルシートを使うとそのようにできる気がします

補足

そういうサイトあったら教えていただけますか？
スタイルシートとかわからないんで・・・。すみません。