無料HTMLテンプレート・CGI・PHPスクリプト・ホームページ素材の配布

当然のテクニックですが、昔悩んでいたので書いておきます。
<form>を挿入するとき、普通にいれた場合ムダな空白が生まれます。


上記のボタンはテーブルの中に設置しています。
これですと、下に余分なスペースが生まれています。
このような設置の仕方をすると、デザインの自由度がきかなくなります。

それでは次。

余分なスペースがなく、スッキリしましたね。
機能的には、この２つは全く同じです。
タグの使い方が違うダケです。

それでは、２つのタグを比べてみましょう。

<table> <tr> <td> <form><input type=submit value=FORM></form> </td> </tr> </table>

これが、余分なスペースがあるタグです。

<table> <tr> <form> <td> <input type=submit value=FORM> </td> </form> </tr> </table>

これが、キレイなタグです。
見てわかりますよね。<form>要素を<td>の中に入れないのです。
<td>から外してやればキレイなフォームが埋め込めます。

.htaccess を使うと、IP及びホストでアクセス制限ができてしまいます。
どんな時使うか。

・友達だけや、社内、学校だけの閲覧としたい！
・荒らし対策で、IPによる拒否をしたい！

こんな時に使えます。


"アクセス拒否
order allow,deny
allow from all
deny from .bbtec.net # ヤフーBBを拒否
deny from .ocn.ne.jp # OCN を拒否
deny from .go.jp 　　# 政府機関を拒否
deny from 200.100. # 200.100.???.??? を拒否
deny from .ac.jp 　　# 学校関係を拒否

特定のホスト及びIPからのアクセスを拒否したい場合使います。
.htaccessファイルの中に上記記述をするだけです。
あとは、サーバーの特定のファルダの中にアップロードしましょう。

意味がわからないという方は以下よりサンプルファイルをダウンロードして下さい。（親切？）
ファイルを編集するには、メモ帳などのエディタで開いてください。
>> アクセス拒否サンプル.htaccess


"一部のみ許可
order deny,allow
deny from all
deny from .bbtec.net # ヤフーBBだけ許可する
allow from .ac.jp # 学校関係者だけを許可する
allow from 200.100.0.0 # 200.100.0.0だけを許可する
allow from localhost # ローカルエリアだけを許可する

これは特定のホスト・IPからのみアクセスを許可する方法です。
同様にサンプルファイルをどうぞ。
>> アクセス許可サンプル.htaccess


"まとめ
# 全部拒否
deny from all
# 特定のホストを拒否
deny from www.aaa.com
# 後方一致するホストを拒否
deny from .aaa.bbb.com
# 該当する IPを拒否
deny from 200.100.0.1
# 前方一致する IPを拒否
deny from 200.100.0.
# IP の範囲を拒否
deny from 200.200.0.0/255.255.0.0
deny from 200.200.0.0/20

マウスを乗せて下さい。


テキストリンクにマウスを乗せると説明が出ます。
スペースが少ないときなどに便利です。
メニューに使うこともできます。

"方法はとっても簡単

<a href="#" title="ここに説明がでます！">テキスト</a>

title"あああ"と入れるだけです。

リンクにマウスを乗せて下さい。リンクメッセージが表示されます。

クリック001

クリック002

クリック003

リンク先の説明を別の場所で説明します。
場所は自由に選べますよ。

"サンプルタグ

<!-- 表示させたい場所に以下を記述 --> <span id="link_msg_show"></span> <!-- リンク --> <ahref=#><span onMouseOver="link_msg_show.innerHTML='メッセージ'" onMouseOut="link_msg_show.innerHTML=''">テキスト</span></a>

"サンプルダウンロード

ココに表示→<span id="link_msg_show"></span><br> <a href="#"><span onMouseOver="link_msg_show.innerHTML='メッセージ１'" onMouseOut="link_msg_show.innerHTML=''">001</span></a><br> <a href="#"><span onMouseOver="link_msg_show.innerHTML='メッセージ２'" onMouseOut="link_msg_show.innerHTML=''">002</span></a>