font titleタグについて

質問

タグ直打ちで現在ＨＰの作成を試みています。

マウスを特定の場所に持っていくとクリーム色の囲みに入った文が出てくる…というのをやりたくて、font titleというタグを知ったのですが、
このタグの内側で折り返し<br>タグを使っても反映されないようですね。
また、長めの文を入れたとき、ＩＥでは打ち込んだ文章が（希望する場所ではないとはいえ）折り返されて全文でてくるのに、Netscapeでは途中で途切れてしまいます。

１：font titleタグ内で、任意の場所で改行できるようにする方法（できればブラウザの種類を問わず）
２：Netscapeでもfont titleタグ内に打ち込んだ文章が全文出てくるようにする方法

この二つの点について、やり方を教えていただけませんでしょうか。
どうぞ宜しくお願いいたします。

回答No.1

koma30007 · ベストアンサー

fontタグのtitle属性を使う方法は分かりませんので、
違う方法になります。

・JavaScriptを使う方法
(※設定でオフの時は動作しません。)
http://himajin.moo.jp/freejava/poptext.html

あるいは、次の方法(これもJavaScript)
・スクリプト配布元
http://www.hiyoko3.com/sample/dhtml/popupmes3.html
※ソースを確認してください。(こちらはメッセージ
部分のJavaScriptをHEADタグ内に書いています。)

・上記のスクリプトの使用例
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1116701576
※サンプルのソースを確認してください。
(このサンプルのように表示させるメッセージ部分を
次のように外部jsファイルにしても大丈夫です。
http://www.misakichi.net/sample/msg.js

・次はCSSを使う方法です。(JavaScriptの設定に関係
なく表示されます。)
http://redline.hippy.jp/lab/css/css_13.php
※サンプルはXHTMLになっているので、タグの後ろが />
のようになっていますが、HTML4.01を使用している場合
や特に指定していない場合は、<br>など普段通りに記述
してください。
※メッセージの表示位置は「top:**px;」「left:*px;」
で指定できるので、作成したページにあわせて調整
してください。

topで指定するのは、ポップアップメッセージのボックス
の上端の位置です。
leftで指定するのはポップアップメッセージのボックス
の左端の位置です。
この場合は、ポップアップ対象の文字または画像が基準
となっているようです。
サンプルのようにメッセージを上に表示させたければ、
topに-(マイナス)の値を指定すれば良いです。

サンプル１の次の部分の値は好みで指定しても大丈夫
です。
・メッセージボックスの横幅
width:200px;
・メッセージボックスとメッセージの間の上と左から
の間隔
padding:5px;
・メッセージボックスの背景色
background:#f5f5f5;
・メッセージボックスの枠線(太さ・種類・色)
border:2px solid #999;
・表示されるメッセージの色
color:#333;

サンプル２およびサンプル３の場合は、メッセージの
背景画像を用意して、次の部分の値を画像のサイズに
合わせて変更します。
width:**px;
height:**px;

お礼

早速のご解答、ありがとうございます。
折角のアドバイスですが、ちょっと色々敷居が高いのでまずＣＳＳとJavaScriptの初心者向け頁を覗いて来てから検討したいと思いますm(_ _)m