人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: nekogo
●カテゴリ:ウェブ制作
✍キーワード:AC Ca D6 EA HTML
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

1 ● くまいみずき
●30ポイント

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


<table>

<tr>

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

</tr>

</table>

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


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

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

◎質問者からの返答

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

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


2 ● dungeon-master
●30ポイント

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

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

td {
word-break: break-all;
}

とか

a {
word-break: break-all;
}

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

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

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

◎質問者からの返答

ありがとうございます。

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

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


3 ● hidemaroy
●5ポイント

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

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

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

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

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

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

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

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


4 ● croquis5
●15ポイント

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

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

◎質問者からの返答

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


5 ● nofrills
●15ポイント

あくまで代案ですが、アドレスとして成り立つかどうかが一番の問題なら、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

となります。

◎質問者からの返答

ありがとうございます。

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


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ