CSSなら外部ファイルに - 専門家回答 - 専門家プロファイル

専門家の皆様へ 専門家プロファイルでは、さまざまなジャンルの専門家を募集しています。
出展をご検討の方はお気軽にご請求ください。
早川 徹

早川 徹
システムエンジニア

- good

CSSなら外部ファイルに

2010/03/03 20:45
(
5.0
)

こんにちは、アイズ・プロダクションの早川です。

ご質問のようなことはもちろん、floatプロパティを使えば実現できます。
その時、メニューということでしたら、リストタグを使うのが一般的でしょう。

「縦2」で横幅を均等にということでしたら一つの案として書き方の例をあげておきます。

*書き方例

htmlに

<ul>
<li>メニュー1</li>
<li>メニュー2</li>
<li>メニュー3</li>
</ul>
<ul>
<li>メニュー4</li>
<li>メニュー5</li>
<li>メニュー6</li>
</ul>

と記述し、スタイルシートで

ul {
width:300px; /*3つのメニュー全体の任意幅
list-style-type:none;
}
li {
width:33%;
''float:left;''
text-align:center;
}

と書くのが簡単です。

ひとつ、老婆心で申し添えると、「TABLEタグは使わない方がいいという話をよく聞く」というのはいろいろな意味があると思いますが、「SEOの観点から使わない方がよい」ということを意識するのであれば、CSSは外部ファイルにすることをお勧めします。

ご参考になりますように

評価・お礼

よっきー さん

>「SEOの観点から使わない方がよい」ということを意識するのであれば、CSSは外部ファイルにすることをお勧めします。

まさにその観点での意識でした
動画の質問をさせて頂いた時に続いてとても丁寧にご回答いただきありがとうございました

追伸
動画の貼付け、その後順調に作成でき「これが上手くいったらゆくゆくは月額コンテンツもできるかも!?」と広報部長がウキウキしております(笑)

(現在のポイント:1pt このQ&Aは、役に立った!

この回答の相談

CSSとtableタグについて

法人・ビジネス ホームページ・Web制作 2010/03/03 14:00

Webページのメニューボタンを横3×縦2で配置させたいと考えています。

TABLEタグは使わない方がいいという話をよく聞くので、CSSで配置させようと考えているのですが、左右に分けるのであればfloatタグを… [続きを読む]

よっきーさん (京都府/29歳/男性)

このQ&Aの回答

表組み風にするには幅を指定して float:left にします 井上 みやび子(システムエンジニア) 2010/03/03 14:17
Floatを使用して作ればいいと思います。 吉村 昭二(ITコンサルタント) 2010/03/03 14:48

このQ&Aに類似したQ&A

Amebaブログのデザイン変更について tcnさん  2013-10-04 08:51 回答1件
夫が独立した(web会社)妻です。 もっち吉さん  2013-06-23 03:37 回答5件
CSSでの文字指定について tcnさん  2013-04-10 09:24 回答2件