htmlの書き方について質問です。

テーブル内でアドレスを表示させようとした時、自動折り返しをしないものがあります。そのため、無駄にテーブル幅が大きくなり、デザインを大きく崩してしまい困っています。

かといって作成時に<br>を入れて強制改行させると、コピーして表示する際にアドレスとして使えません。これを自動で折り返させるにはどうすればいいでしょうか?

例 http:// hogehoge.com/index.php?%A4%B3%A4%B3%A4%AB%A4%E9%C0%E8%A4%AC%C0%DE%A4%EA%CA%D6%A4%B7%A4%B7%A4%CA%A4%A4

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/05/01 17:24:00
  • 終了:2006/05/02 17:41:15

回答(6件)

id:kumaimizuki No.1

くまいみずき回答回数614ベストアンサー獲得回数312006/05/01 17:32:34

ポイント30pt

http://zerokara.com/html/pages/html_ref_min.html


<table>

<tr>

<td width=xxx>アドレス</td>

</tr>

</table>

(表示の関係上、「<」「>」は全角になっています)


widthで幅を指定すれば大丈夫だと思いますよ。

「xxx」には数字(例:300)を入れます。

id:nekogo

数字は入力してあります・・・・・。

入れ子になっているので、そのせいかと思い、アドレスと文字だけのテーブルで比較してみました。アドレスだけ入れたものと、テストテスト・・・・と折り返すだけ入れたものを表示したところ、やはりアドレスだけ折り返しませんでした・・・・。

2006/05/01 17:44:07
id:dungeon-master No.2

dungeon-master回答回数571ベストアンサー獲得回数402006/05/01 17:36:18

ポイント30pt

スタイルシートで、word-break: break-all; という定義を行うのがよいでしょう。

このケースではTDかAタグということになるので、

td {
word-break: break-all;
}

とか

a {
word-break: break-all;
}

などのようにすれば、いけると思います。

スタイルシートの詳細についてはリファレンスなどを参照してください。

http://www.htmq.com/style/index.shtml

id:nekogo

ありがとうございます。

折り返しされなかったので、ググってみたところ、IEの独自タグのようですね。念のため、IEで見たら、スタイルシートを指定しなくても折り返してました・・・・~(-゛-;)~

方向転換して・・・・・以下は、Firefoxやopera、safariなどでも崩れない方法でお願いします<(_ _)>

2006/05/01 17:55:19
id:hidemaroy No.3

hidemaroy回答回数5ベストアンサー獲得回数02006/05/01 20:30:38

ポイント5pt

どういうわけかHTMLというのは単語単位で折り返すらしいんですよ。

ですからURLに限らず無駄にスペースのない長い英語は折り返さないんですね。

これはHTMLの仕様なんですね。

いろいろ探したのですが解決しているのはありませんでした。

これが単語とはなんじゃいと思われるかもしれませんがそうらしいです。

参考までにこれに類似した議論を貼り付けます。

http://www.tohoho-web.com/lng/200002/00020460.htm

文字を小さくするとかで対処するしかないでしょうか…

id:croquis5 No.4

croquis5回答回数1ベストアンサー獲得回数02006/05/02 05:05:49

ポイント15pt

http://www.nishijin.or.jp/map/map1/page2.html#shop009

上記URLの「稲垣機料店」のようにURL内でスラッシュの後とか適当にに半角アキを入れてやると解決すると思います。

id:nekogo

コピーして送信する際に、半角スペースを入れた時点で、アドレスとして成り立たなくなってしまいます。

2006/05/02 17:02:33
id:nofrills No.5

nofrills回答回数874ベストアンサー獲得回数1592006/05/02 10:51:00

ポイント15pt

あくまで代案ですが、アドレスとして成り立つかどうかが一番の問題なら、URLを短縮するというのはいかがでしょうか。


http://symy.jp/

http://tinyurl.com/

などで短縮ができます。


たとえば

はてなキーワードの「静岡市民文化会館」は、短縮すると

http://d.hatena.ne.jp/keyword/%c0%c5%b2%ac%bb%d4%cc%b1%ca%b8%b2%...

http://symy.jp/?elp

となります。

id:nekogo

ありがとうございます。

そのドメインをそのまま紹介していることが重要なのです。そしてそのドメインのアドレスを見て、内容をチェックしたい方だけアドレスをコピーペーストして使っていただきたいのです(^^;

2006/05/02 13:13:07
id:init555 No.6

init555回答回数1ベストアンサー獲得回数02006/05/02 14:16:38

ポイント15pt

<wbr> を利用すればコピーした際に改行コードは含まれずに

改行できると思いますが。

http://www.tohoho-web.com/html/wbr.htm

id:nekogo

<wbr>でもだめでした・・・・・。

ただ、wbrとfirefoxで検索した際に、根本解決ではないけれど機能拡張で見た目を整えることが出来ることが分かりました。

休み中、回答閲覧が難しいため、ここで打ち切らせていただきます。ありがとうございました。

2006/05/02 17:19:49

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません