知識Z（ゼータ）　HTML

トップページ＞ HTML ＞

«Prev || 1 | 2 | 3 | 4 | 5 || Next»

フォームのCSSレイアウト

Date:2009/03/05
Category: HTML

labelタグによって制御されているフォームをCSSを使ってレイアウトしてみます。
例えば、

null

このようにただ羅列されているだけの見にくいラジオボタン群を、cssを使って見やすくレイアウトしてみましょう。

Safariでのホームページのズレ直し【cssハック】

Date:2009/02/12
Category: HTML

「やっとホームページ完成！！」

と、思ったのもつかの間・・・「このホームページ、ズレてるよ」なんて言われてしまったことありませんか？

そこで今回は、「Mac（マック）用Safari、Windows用Safari両方に対応させるためには」です。方法は簡単、

/* safari only \*/ /*\*/ html* #testdiv{ width:190px; height: 30px; padding:5px 0 0 10px; }

というように記述するだけ。これで、ホームページのずれはもう大丈夫です！

【GoogleAnalytics】メールフォームにコンバージョンを設定する

Date:2009/01/14
Category: SEO・アクセスアップ

無料で使える便利なアクセス解析としてGoogleAnalytics（グーグルアナリティクス）が有名ですが、アクセス数の解析という他にコンバージョン（目標設定）という設定が可能です。

目標設定とは、メールフォームからのお問い合わせや、予約、資料請求などの数値を測定し、効果検証を行うための設定です。

フォームはcgiやphpなどのプログラムを使用しているケースが多く、通常ページと比べ、GoogleAnalyticsの設置方法が多少ややこしくなりますので、その方法を説明します。

メールフォームや予約フォームなどの場合、

(1) フォーム入力ページ
(2) 内容確認ページ
(3) 送信完了通知ページ

という作りになっているものが多いと思います。
このようにページのテンプレート自体は分けられているものの、cgiやphpを利用している場合、すべてのページのURLが同じになってしまい、効果測定ができない、設置方法が分からないという現象が起きてしまいます。

【white-space】ソースをそのまま表示する【css】

Date:2008/12/26
Category: HTML

white-space

white-spaceはソース中の半角スペース・タブ・改行の表示の仕方を指定するスタイルシートです。ソースなどを文章中に表示させたい場合などによく用います。

CSS p.tag{ white-space: pre; }
HTML <html> <head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p class="tag"> ここでは全てのタグを無視して単なる文字列として表示させることができます。 ex)<font color="blue">通常ならフォントが青くなる</font> ただし、反映させるタグとそうでないタグを区別するために、 "<"は
">"はとする必要があります。 "<"や">"のまま書いてしまうとそのタグは通常通り反映されてしまいます </p> </body> </html>