下記の様にしてブラザーで観覧すると widthの指定数値通り表示しないで、widthの範囲数理を無視して横長に半角のaが続いてしまいます。

半角英数を使って何とかwidthの範囲以内に治めたいのですが出来ません。どうか教えて頂けないでしょうか。お願します。

@@@@@@@@参照ソース@@@@@@@@
<table>
<tr>
<td width="100">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>

A 回答 (3件)

こんにちはgccさん、xruzです


Ie5.5sp2で動作確認しました、こんな感じですか?

<html>
<head>
<title>table</title>
</head>
<body>
<table border="1" width="100px">
<tr><td style="word-break:break-all">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td></tr>
</table>
<table border="1" width="100px">
<tr><td width="100px" align="center"><--100px--></td></tr>
</table>
</body>
</html>

がんばってくださいね(~:~i
    • good
    • 0

こんにちは、risoと申します。


100ピクセルの中にこれだけの
文字を一列で入れるのは無理でしょう。
100ピクセルをどう考えても超えているので。
途中で<br>をいれて改行されたらどうですか?
「a」でしたら一行に最大14文字くらい入ると思うので
その辺で改行してみたらどうでしょう。
    • good
    • 0

 


  切れ目のない、半角英数文字の列は、それ全体として一つの「文字群」と考えられるのです。例えば、tableでなくとも、普通の文章でも、こういうものを造ると、幅を100%以上超えてしまいます。その実例が、この質問ページでしょう。
 
  方法は、半角文字列のどこかに切れ目を入れることです。
  width を%表示すれば収まるではないかとも思いますが、試験しないと分かりません。こんな半角英数文字の列をtableに入れたことも、文章で書いたこともないからです。全角文字は、文字一つづつで切れてくれますが、半角英数字は、日本語の文章のなかに、英語の単語など入れれば分かるように、それでブロックになります。
 
  切れ目と云っても、「半角スペース」でなくとも、「改行マーク」を入れると切れるようです。試験すると、%表示では駄目なようです。tableまたはtdの幅に合った数のaとかを、改行などで切って入れるようにするのがよいでしょう。
 
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

Q■ でテキストボックスとセルの間にわずかな隙間があいてしまう・・

<TABLE>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
</TALBLE>

こう書くときに、テキストボックスの下にわずかな隙間が
できるのを防ぎたいのですが、何か方法はありませんでしょうか?

Aベストアンサー

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>
</TABLE>
としていませんか?
HTMLとしては好ましくないと思いますが、<FORM>や</FORM>の前後にある<TR><TD>~</TD></TR>を取り除き、以下の様にします。
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<FORM ~>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD><INPUT TYPE="TEXT"></TD>
</TR>
<!-- ここまで -->
</FORM>
</TABLE>

尚、表の罫線を残すのであればBORDERを変更したりしてください。

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>...続きを読む

)に外部ページを呼び出し

HTMLで表の<td></td>タグの中に外部ページ(ブログなど)を呼び出す(埋め込む)やり方は何か無いでしょうか?

フレームを使えば簡単に外部ページを使用できるのはわかっているのですが、デザイン上テーブルの中に入れたいので…

もし知っている方がいましたらよろしくお願いします。(「それは無理」という回答でも大丈夫です)

Aベストアンサー

デザイン上だけの問題でしたら<TD><IFRAME></TD>ではだめですか?
一応テーブルの中に組まれます。(かなり端折った書き方ですが…
width="100%" height="100%" frameborder="0"
をフレームの属性で指定すればテーブルにぴったりとくっついてテーブル自体に読み込んでいるように見えます。
勿論<TD>の中身のサイズを%で決めるからには<TD>自体のサイズをピクセルで定義しなければなりません。

Q

~~ を表示することはできますか?

テーブルタグ
<table>
<tr>
<td>

をそのまま文字として表示することはできますでしょうか?

<を全角の<にすればいいのでしょうが、なにぶん、テーブルタグの量が膨大なため、手でいちいち直してたら数ヶ月、数年かかってしまいます。

タグをそのまま画面に表示させる良い方法はないでしょうか?

詳しい方いらっしゃいましたら教えていただけないでしょうか?

よろしくお願いします!

Aベストアンサー

タグの無効化というタグです

<xmp>タグ</xmp> タグを無効化にして文字として表示されます
良かったら使ってみて下さい

Q

内のテキストのサイズ

以下のようなソースで,TEXTの部分のサイズを変更したいと思い,<table>~</table>を含む範囲をを<div class="test">~</div>で挟んで,スタイルシートで指定してみました.
そしたら,<div class="test">~</div>の中でも<table>~</table>の外にあるテキストはサイズが変わるのですが,下のソースのTEXT部分は変わりませんでした.
表中のテキストのサイズを一括して指定する方法はあるのでしょうか?

<table align="center">
<tr bgcolor="#aaffaa">
<td>TEXT</td><td>TEXT</td><td>TEXT</td>
</tr>
<tr bgcolor="#aaaaff">
<td>TEXT</td><td>TEXT</td><td>TEXT</td>
</tr>
</table>

Aベストアンサー

いろいろやり方がありますが、

1.全てのテーブルで文字サイズを指定するときは

<STYLE type="text/css">
<!--
TABLE{font-size : 24px;}
-->
</STYLE>

を<HEAD>と</HEAD>の間に入れます。

2.テーブルごとに文字サイズを指定するときは

<CENTER>
<TABLE style="font-size : 24px;text-align : center;">
<tr bgcolor="#aaffaa">
<td>TEXT</td><td>TEXT</td><td>TEXT</td>
</tr>
<tr bgcolor="#aaaaff">
<td>TEXT</td><td>TEXT</td><td>TEXT</td>
</tr>
</TABLE>
</CENTER>

3.クラスを使って文字サイズを指定するときは

<STYLE type="text/css">
<!--
.text{font-size : 24px;}
-->
</STYLE>
</HEAD>
<BODY>
<CENTER>
<TABLE class="text">
<tr bgcolor="#aaffaa">
<td>TEXT</td>
<td>TEXT</td>
<td>TEXT</td>
</tr>
<tr bgcolor="#aaaaff">
<td>TEXT</td>
<td>TEXT</td>
<td>TEXT</td>
</tr>
</TABLE>
</CENTER>

いろいろお試しいただければと思います。

いろいろやり方がありますが、

1.全てのテーブルで文字サイズを指定するときは

<STYLE type="text/css">
<!--
TABLE{font-size : 24px;}
-->
</STYLE>

を<HEAD>と</HEAD>の間に入れます。

2.テーブルごとに文字サイズを指定するときは

<CENTER>
<TABLE style="font-size : 24px;text-align : center;">
<tr bgcolor="#aaffaa">
<td>TEXT</td><td>TEXT</td><td>TEXT</td>
</tr>
<tr bgcolor="#aaaaff">
<td>TEXT</td><td>TEXT</td><td>TEXT</td>
</tr>
</TABLE>
</CENTER>

...続きを読む


人気Q&Aランキング

おすすめ情報