微運テイマナナ☆のノーリアルラック!!

はいどもどもナナ☆です。
昨日のyahooニュースを見ていたらワニハンターがエイに刺されて
亡くなったという記事がありました。
ワニハンターなのにエイ…。
またその記事で使われている写真が物凄いおとぼけ顔なのです。
もうちょっとましな写真使ってあげてよyahooさん…。
ご冥福をお祈りします。

さて。
今日は前回の記事でも告知しました、テーブルを作ろう中級編です。
上級があるのかどうか不明ですが…
今回はテーブルの装飾を中心にお話します。

---

１、テーブルを作ろう中級編

まずはテーブルの枠を飾るパターンをいくつかご紹介していきます。

●テーブル枠の太さを決める

テーブルの枠の太さを決めます。
以下のタグ内の青い部分が、テーブルの太さを決める数字になります。
<table border="1">
<tr><td>
ここに文字や画像
</td></tr>
</table>

border="1" ここに文字や画像

border="2" ここに文字や画像

border="3" ここに文字や画像

border="5" ここに文字や画像

こんな感じでどんどん太くなっていきます。

●テーブル枠の形を変える

ただの棒線だけでは面白くないので、テーブルの枠を彩って見ましょう。

■二重線の色つき枠■ <table border bordercolor="#006FB0"> <tr><td> ここに文字や画像 </td></tr> </table> サンプル ここに文字や画像	■一本線の色つき枠■ <table border cellspacing="0" bordercolor="#006FB0"> <tr><td> ここに文字や画像 </td></tr> </table> サンプル ここに文字や画像
■点線の枠■ 点線の枠を作るためにはスタイルを指定します。 <table style="border:1px dotted #006FB0"> <tr><td> ここに文字や画像 </td></tr> </table> サンプル ここに文字や画像	■破線の枠■ 破線の枠を作るには、これまたスタイルを指定します。 <table style="border:1px dashed #006FB0"> <tr><td> ここに文字や画像 </td></tr> </table> サンプル ここに文字や画像

border:1pxは点の大きさ、dotted #006FB0は点の色になります。
点線と破線の枠はborderが1pxくらいだとどっちも同じ大きさに見えます。
たとえばborder:5pxくらいにしてみると…

＜点線＞ ここに文字や画像

＜破線＞ ここに文字や画像

こんな感じででっかくなっちゃった！となるわけですハイ。

ここでは<table>内でスタイルを指定していますが
これを<td>内でもスタイルを指定することで、にぎやかな枠を作ることができます。
<table style="border:3px dashed #006FB0">
<tr>
<td style="border:2px dotted #006FB0">
ここに文字や画像
</td>
</tr>
</table>
このように、borderとdottedを<table>と<td>で 別々にスタイルを指定します。
すると…

ここに文字や画像

こんな華やかな枠が作れたりもするわけです。

今回はこんなところかな。
基本的に赤い色のタグ部分をコピペすればサンプルと同じものが作れますよ。
それと注意したいのは<>の中で使われているスペースはすべて半角です。
全角スペースだとちゃんと表示されないのでご注意。

この記事のスペースの都合で改行されている部分もありますが
コピペしてはっつければスペースは半角になってます。

次回はいよいよ上級編(？)です。
初級、中級で説明したことを総合して
いろんな形のテーブル枠を作ってみることにしましょ。

みんなもブログを作ろうぜ！

↑１日一回よろちくちく！

ホントすごいですねぇ〜。

うちのブログでもやってみるかなｗ

毎度参考になってま〜す！！！

＞サカキさん
少しはお役に立てたかな？
たいした知識じゃないのですが結構使えると便利なので
今後も紹介していきまっせ〜ｂ

どうも。毎回ＨＰで何かあるたびに参考にさせていただいています。
今後もナナ☆さんの技術を盗ませていただこうと思っていますのでよろしくお願いします。
あと、これは個人的な内容なのですが、
ナナ☆さんの運テイマ育成講座を参照にさせていただいた結果、
ソロ狩の効率がかなり向上されました。
ですが未だ100Ｌｖ未満なので･･･まともな物が出ませんが･･･
今後も参考にさせていただきたいので、ナナ☆さんの技術をもっと知りたいです。
長文失礼しました。

先ほど書き込みしたばかりですが、早速トラブルです･･･
内容は画像をテーブルにきっちり納める事です。
設定をしなおしても画像がきっちり入りません･･･
タグの指定をしなければいけないのでしょうか？
ちなみにテーブルに入れたい画像はＲＳのバナーです。
サイズは150×50です･･･

＞カイルデュナミスさん
どもーナナ☆ですー。
私の技術ですか！たいした装備も持っていないし(異次元品なんて手が出ません)
あんましお役には立てないような気がしないでもないのですが…
でも今度自分の狩り時の装備や狩り方をご紹介してみます。

それと画像の件ですが、ブログ拝見してまいりました。
恐らくトップページ自由欄の「自動改行」がオンになったままなのではないでしょうか？
自動改行にチェックをつけたままだとタグを何気なく改行しただけでスペースができてしまいます。
これをオフにするとバナーがきっちり収まりますが、そうすると
他の文章もすべて<br>タグで改行しなくてはならなくなります。めんどくさいっすよね。
そこでバナーを表示させているテーブルタグを全く改行しないで並べてください。
テーブルを閉じる部分まですべて1行(枡の中で勝手に改行されている部分は無視して)にすれば
バナーきっちり収まると思いますよー。

返事が遅れてしまい申し訳ありません･･･
なるほど･･･自動改行を切るか、１行にまとめればすっきり収まるのですね。
早速試してみようと思います。
回答していただいてどうもありがとうございました。
また何かありましたらそのときはお手数ですがよろしくお願いします。