WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:リストボックス内で等角フォント

まき [WriteDate : Thu Apr 26 18:47:29 2001]

教えて下さいm(__)M
HTMLのリストボックスの中で、等角フォントを使用したいのですが、
可能ですか? ネスケでは出来るのですが、IEでは出来ないのです。


popo [MAIL] [WriteDate : Thu Apr 26 19:25:29 2001]

簡単なソースを作成した方が、わかりやすいかも


popo [MAIL] [WriteDate : Thu Apr 26 19:26:15 2001]

簡単なソースを作成して、掲示板に載せたほうがわかりやすいかも


まき [WriteDate : Thu Apr 26 20:09:15 2001]

プログラムから抜粋してそのまま載せちゃいます。

<php?
--- 略 ---
echo"                                   ←HTML開始
--- 略 ---
<TT>                                    ←等角フォントタグ
<SELECT NAME='l_jigyou' SIZE=20 onChange='change(this.form)'>";
while (OCIFetch($stmt)) {
  $ncols = OCINumCols ($stmt);
  //項目毎に配列に格納
  for($i=1; $i<=$ncols; $i++){
     $cols[$i] = OCIResult($stmt, $i);
     $leng[$i] = mbstrlen($cols[$i]);
  }

  if ($leng[1] > 18) {                 ←HTMLを抜けPHPでそれぞれの項目をSPか全SPでパディングして整える
     $cols[1] = mbsubstr($cols[1],0,18);
  }else {
     for ($i=1; $i<=(18-$leng[1]); $i++) {
        $cols[1] = $cols[1]." ";
     }
  }
--- 略 ---                              ←上記とほぼ同じ
  echo"                                ←HTML開始
  <OPTION VALUE='$cols[6]$cols[1]'>
  $cols[1] $cols[2] $cols[3] $cols[4] $cols[5] $kokyaku</OPTION>";
}                                       ←ループエンド
echo"                                   ←HTML開始
</SELECT>
</TT>";                                 ←等角フォント終了
--- 略 ---

PHP3とオラクルで作ってるのですが、リストボックス内の一行に複数項目が有って、
それぞれが同じレングスになるようにSPで埋めてやり、縦の列が揃って見えるように
したいのですが、ネスケの場合は<TT>が効いて等角になるのですが、IEの場合
文字数は全行同じなのですが、フォント幅がまちまちで列がずれてしまうのです。


まき [WriteDate : Thu Apr 26 20:16:18 2001]

プログラムから抜粋してそのまま載せちゃいます。

<php?
--- 略 ---
echo"                                   ←HTML開始
--- 略 ---
<TT>                                    ←等角フォントタグ
<SELECT NAME='l_jigyou' SIZE=20 onChange='change(this.form)'>";
while (OCIFetch($stmt)) {
  $ncols = OCINumCols ($stmt);
  //項目毎に配列に格納
  for($i=1; $i<=$ncols; $i++){
     $cols[$i] = OCIResult($stmt, $i);
     $leng[$i] = mbstrlen($cols[$i]);
  }

  if ($leng[1] > 18) {                 ←HTMLを抜けPHPでそれぞれの項目をSPか全SPでパディングして整える
     $cols[1] = mbsubstr($cols[1],0,18);
  }else {
     for ($i=1; $i<=(18-$leng[1]); $i++) {
        $cols[1] = $cols[1]." ";
     }
  }
--- 略 ---                              ←上記とほぼ同じ
  echo"                                ←HTML開始
  <OPTION VALUE='$cols[6]$cols[1]'>
  $cols[1] $cols[2] $cols[3] $cols[4] $cols[5] $kokyaku</OPTION>";
}                                       ←ループエンド
echo"                                   ←HTML開始
</SELECT>
</TT>";                                 ←等角フォント終了
--- 略 ---

PHP3とオラクルで作ってるのですが、リストボックス内の一行に複数項目が有って、
それぞれが同じレングスになるようにSPで埋めてやり、縦の列が揃って見えるように
したいのですが、ネスケの場合は<TT>が効いて等角になるのですが、IEの場合
文字数は全行同じなのですが、フォント幅がまちまちで列がずれてしまうのです。


わごな [URL] [WriteDate : Thu Apr 26 21:15:46 2001]

SPで埋める件はともかく・・

スタイルシートを使えばIE5.5とネスケ6では当幅指定できます。

例)
<TT>
<SELECT style="font-family:monospace;">
<OPTION>A&nbsp;&nbsp;v</OPTION>
<OPTION>ii&nbsp;i</OPTION>
<OPTION>XCx</OPTION>
</SELECT>
</TT>

<TT>はネスケ4.7の為に。
IEの5.5より前は通用するかわかりません。
MAC版もわかりません。


まき [WriteDate : Thu Apr 26 21:29:46 2001]

おおー!
style="font-family:monospace;"を加えただけで出来ました。
ちなみにIE4.0です。
かなり感動です。
わごなさん、ほんとに有り難うございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World