- ベストアンサー
HTMLの禁則処理解除について
pringlezの回答
あー、うまく行きませんでしたか。 Chromeでは確認したのですが、IEでは確認していませんでした。すみません。 もうご存知と思いますが、禁則処理は英文字の長い単語が単語の途中で改行されないように改行位置を調整する処理です。また、それに加えて、文末の記号も同様の扱いで「.」「!」などがついていればそれも単語を構成する文字とみなされるはずだと思います。 実際にChromeではそのような動きで、文末の記号の連続でも一つの単語と同じように禁則処理・その解除が行われていました。 しかしIEでは文末の記号は別扱いで、文末記号は何があっても絶対に行頭に持ってこさせない処理を行っているようです。私にはChromeの動きが正しくIEの動きがバグのような気もします。そもそも行末記号が連続することが例外とも言えますので、考慮漏れをしているのかもしれません。しかし、もしかしたらMS社として正しいと思ってそのような仕様にしているのかもしれません。 結論として 少なくとも現行バージョンのIEでは、行末記号の連続の禁則処理の制御の解除はできません。 これを回避する正当な手段は現状では存在しないと思います。 対応としては ・行末記号の連続をやめる ・行末記号の連続中で、何文字かおきに半角スペースをいれる ・「！」の連続では画像を使う(これが一番いいかも) ・IEはあきらめる 位しかないと思います。苦肉の策ですが…
関連するQ&A
- tableがbodyにはみ出る。。
文章での質問で恐縮ですが、 html例に記載のような形で、レイアウトを作っています。 ヘッダーとフッター、左右のBOXとベタな構成かと思ってますが、 右ボックス（div right-box）内のテーブルの行が増えた際（運用上、可変で増えます）に、 tableがdiv構成（wrap-1,wrap-2,right-box,footer）からはみ出して、bodyの領域に出てしまいます。 スタイルシートでは左右のボックスをfloat left、float rightしていて、 テーブルの行が可変なので、left-box以外にはheightは指定していないです。 ※left-boxのheight指定は100% heightを指定しなければ、基本的に行追加に合わせて、可変で動くような気がしているのですが、 どうもうまくいかないです。 left-boxにheightを指定しているのは、left-box内に定義している要素があり、 heightの指定がない場合に、その要素の高さになってしまうので、 right-boxと同じ高さになるように、１00%を指定しています。 分かりにくい質問で申し訳ないですが、 right-boxのheightをtableの行追加に合わせて可変にする方法はないでしょうか？ 本来、heightなしで可変になるのであれば、 可変にならない原因の推測をお願いします。 ---ここからhtml例--- <html> <head> </head> <body> <div id="wrap-1"> <div id="header">; </div> <div class="wrap-2"> <div id="left-box"> </div> <div id="right-box"> <table id="table"> <tr> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> </tr> </table> </div> </div> <div class="footer clear"> </body> </div> </div> </body> </html>
- ベストアンサー
- HTML
- TABLEセル内で改行させたいのですが・・・
いつもお世話になっております。 ＨＴＭＬ上で、名前とメールアドレスの一覧を作成しました。 すると、テーブルの列幅を指定しているにもかかわらずメールアドレスが、 改行されずに１行で表示されてしまいます。 検索した結果、「word-break : break-all」をＣＳＳで設定したら大丈夫で あることがわかったので、設定しました。 ＩＥでは、問題なく表示されたのですが、FireFoxでは、改行されません。 ＦｉｒｅＦｏｘでも、改行されるようにしたいのですが、どこを修正したら 宜しいでしょうか。 ご教授いただけますよう、どうぞ宜しく御願いいたします。 ＜Ｓｏｒｃｅ＞ <html> <head> <style type=text/css> p{ maegin:0px; word-break: break-all; } </style> </head> <body> <table border="1px"> <tr> <td width="100px">Name:</td> <td width="100px">takemoto</td> </tr> <tr> <td width="70px">E-Mail:</td> <td width="70px"><p>ytakemoto12345678@abc.ne.jp</p></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- テーブルの幅について教えて下さい。
テーブルの幅について教えて下さい。 下のように記述しています。（実際はもっとたくさんあります） ブラウザ枠内に表示しているときはちゃんと幅が確保されますが、 ブラウザ枠より大きくなると、100pxがキープされず小さくなってしまいます。 なにか対策があれば教えて頂けないでしょうか。 print "<table border=1>\n"; print "<tr>サンプル</td>\n"; print "<td style=\"width:100px; word-wrap:break word;\">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa幅</td>\n"; print "<td style=\"width:200px; word-wrap:break-word;\">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa幅</td>\n"; print "</tr>\n"; print "</table>\n";
- ベストアンサー
- HTML
- HTMLのタグ整形スクリプトについて
PerlでHTMLのタグ整形スクリプトを作成しようと思っているのですが、 例 <html><head><title></title></head> <body><table><tr><td></td></tr></table></body> </html> ↓ <html> タブ<head> タブタブ<title></title> タブ</head> タブ<body> タブタブ<table> タブタブタブ<tr><td> タブタブタブ</td></tr> タブタブ</table> タブ</body> </html> こんな感じなんですが・・・。
- 締切済み
- CGI
- CSSのtableについて【CSSが無かったのでHTMLで…。】
<html> <head> <title>test</title> <style type="text/css"> <!-- table { border : 1px #000000 solid; text-align : center; } td,th { border : 1px #000000 solid; width : 100px; } --> </style> </head> <body> <table> <tr> <td rowspan="2"> 1 </td> <td> 3 </td> </tr> <tr> <td> 2 </td> </tr> <tr> <td colspan="2"> 3 </td> </tr> </table> </body> </html> このように入力をした場合、一番下にできるテーブル(3)2つ結合しているにもかかわらず、1つ分？の状態で文字がcenterになってしまいます。結合した(2つの)真ん中に表示させるにはどうしたらいいですか？？ 教えてください☆
- ベストアンサー
- HTML
- WinのIE5.xをすぐに試せる方へ
<head> <style> .c{line-height:260%} </style> </head> <body> <table border> <tr class=c> <td> aaa<br> bbb<br> ccc<br> </td> </tr> </table> テーブルの本文の改行の高さを高くしたつもりですが WinのIE5.xでは、line-height:260%} が有効になっていますか？
- ベストアンサー
- オフィス系ソフト
- HTML、CSSについて教えてください。
以前質問しましたが、私の準備が出来ていなくて、回答者の方にはご迷惑をお掛けしました。 改めて、以下のように質問させていただきます。よろしくお願い申し上げます。 １．縦二段、右から左へ移行は、何とか格好はつきましたが、記述に問題はないでしょうか。 2． Txtも「valign="top" align="right"」の記述したのですが、有効ではありません。記述に問題 があるのだと思いますが、色々やってみましたが、うまくいきません。 よろしくご指導いただきますよう、お願い申し上げます。 本体記述 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>縦テーブル右から左へ</title> <meta content="text/html; charset=shift_jis" http-equiv="Content-Type"> <link href="style.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- .vertical { writing-mode: tb-rl; direction: ltr; } --> </style> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <table border="1" cellspacing="1" cellpadding="1" align="right"> <tr> <td height="50" valign="top"><p class="sample2"><font face="ＭＳ 明朝">１</p></font></td> </tr> <tr> <td height="500" valign="top"><p class="sample2" ><font face="ＭＳ 明朝">アアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアア</font></p></td> </tr> </table> <table border="1" cellspacing="0" cellpadding="0" align="right"> <tr> <td height="50" valign="top"><p class="sample2"><font face="ＭＳ 明朝">２</font></p></td> </tr> <tr> <td height="500" valign="top"><p class="sample2"><font face="ＭＳ 明朝">エエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエ</font></p><font face="ＭＳ 明朝"> </font></td> </tr> </table> <table border="1" cellspacing="0" cellpadding="0" align="right"> <tr> <td height="50" valign="top"><p class="sample2"><font face="ＭＳ 明朝">３</font></p></td> </tr> <tr> <td height="500" valign="top"><p class="sample2"><font face="ＭＳ 明朝">オオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオ</font></p> </td> </tr> </table> </body></html> -------------------------------------------------------------------------- 外部記述 [sample.css] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> </head> <body> p.sample1 {writing-mode: lr-tb; vertical-align:top;} p.sample2 {writing-mode: tb-rl; vertical-align:top;} </body> </html>
- ベストアンサー
- ホームページ作成ソフト
- onmouseoverを外部にまとめる
お忙しいところすいません 以下のようなマウスオーバーで背景が変わるテーブルを制作してますが、長くなるので「onmouseover」等をまとめる方法があれば教えてください。 ■---元----------------------■ <head> </head> <body> <table> <tr> <tr> <td onmouseover="this.style.backgroundColor='#ffffcc';" onmouseout="this.style.backgroundColor='#68ceff'" bgcolor="#68ceff">リンク</td> </tr> <tr> <td onmouseover="this.style.backgroundColor='#ffffcc';" onmouseout="this.style.backgroundColor='#68ceff'" bgcolor="#68ceff">リンク</td> </tr> </table> </body> </html> ■---希望----------------------■ <head> <script language="JavaScript"> <!-- td#over { onmouseover="style.background='#ccccff'"; onmouseout="style.background='#68ceff'" } //--> </script> </head> <body> <table> <tr> <tr> <td id="over">リンク</td> </tr> <tr> <td id="over">リンク</td> </tr> </table> </body> </html> -------------------------------- ＣＳＳもJavaScript初心者ですので全く的外れな質問かもしれませんがよろしくお願いします。
- ベストアンサー
- JavaScript
- HTMLのテーブル内容を配列にするには
<html> <head></head> <body> <table border="0"> <tr> <td>りんご</td> <td>100円</td> </tr> <tr> <td>みかん</td> <td>80円</td> </tr> <tr> <td>もも</td> <td>160円</td> </tr> </table> </body></html> 上のような内容のHTMLページを読み込み、 テーブルの一番左の行（りんご、みかん、もも）の内容を @list=("りんご","みかん","もも"); このように配列に代入したいのですが、 どうすればいいでしょうか。よろしくお願いします。
- ベストアンサー
- Perl
- 一気に「テーブルの2列目のtdタグを右詰にする
<html> <head> <title>test</title> </head> <body> <table border=1> <tr><th>No</th><th>aaaaaaa</th></tr> <tr><td>1</td><td>bbb</td></tr> <tr><td>2</td><td>ccc</td></tr> </table> </body> </html> このようなテーブルで 右側の2列目のtdタグを右詰にしたいのですが、 一気に「テーブルの2列目のtdタグを右詰にする」と言う方法は有りますか? 今は <html> <head> <title>test</title> <style type="text/css"> td.example1 { text-align: right; } </style> </head> <body> <table border=1> <tr><th>No</th><th>aaaaaaa</th></tr> <tr><td>1</td><td class="example1">bbb</td></tr> <tr><td>2</td><td class="example1">ccc</td></tr> </table> </body> </html> このようにしていますが 一つ一つタグを付けるのは非効率的と思っています。
- ベストアンサー
- HTML
お礼
ご回答ありがとうございます。 私もChrome、FireFoxで試してみましたがIEはやはり ダメでした。何とも恨めしく思っています。 IEはあきらめようと思います。どうもありがとうございました。