• ベストアンサー

HTMLのイメージファイル分割読み込み

ホームページで大きいイメージファイルを軽くするために、 ファイルを分割して読み込ませる方法があると聞きました。 とりあえず、ファイルを4つに分割するところまでできたのですが、 それを復元してブラウザで表示させる方法がわかりません。 ためしにTABLEに入れてみたのですがネットスケープで見ると BORDER=0にしていても分割(TD)の線が見えてしまいました。 分割したファイルを綺麗に表示する方法を教えてください。

  • CGI
  • 回答数2
  • ありがとう数13

質問者が選んだベストアンサー

  • ベストアンサー
  • shigatsu
  • ベストアンサー率26% (511/1924)
回答No.1

イメージの分割に限りませんが、幅や高さを設定すると綺麗になりますね。 イメージ分割では、各IMGタグに WIDTH,HEIGHTのパラメータに画像ファイルのサイズ を設定しましょう。 あと TABLE タグにも CELLPADDING="0" CELLSPACING="0"を追加しておきましょう。

その他の回答 (1)

  • basil
  • ベストアンサー率35% (148/420)
回答No.2

根本的な解決方法ではありませんが、 “裏技”的な方法をお教えします。 画像や文字などを“すき間”なくきれいに整列させたい場合、 余分な改行やスペースをHTML文の中から削除するのが有効です。 サーバから送られてきたHTML文をブラウザがレンダリングする再、 通常は「改行文字」や「スペース」「タブ」等は無視されるきまりですが ブラウザなどによっては微妙にすき間が空いたりする場合があるようです。 余分な文字を採ることで、その分 ブラウザ依存も解消されます。 (ブラウザ依存:使用するブラウザによって異なって表示される問題) すき間なくきれいに並べたい部分のHTML文を1行で詰めて書くと きれいに表示されると思います。一度やってみて下さい。

関連するQ&A

  • HTML & CSS について質問です。

    HTML & CSS について質問です。 外部ファイルのスタイルシートに TABLE.test{ border-collapse:collapse; border-color:#000000; border-style: solid; } HTMLファイルに <TABLE ID="test"> <TR> <TD></TD><TD></TD> </TR> </TABLE> とした場合に外側の線は結合され黒色で表示されるのですが、 内側の線は灰色で表示されてしまいます。 全ての線を細線で表示したいと考えています。 アドバイスよろしくお願いたします。m(_ _)m

  • 分割したGHOSTイメージを元に戻す方法

    GhostのCorporate Editionを使ってイメージを作成しました。作成したイメージは、CDに分割して焼きました。 イメージを取ったPCのHDDを交換したので、とったイメージを戻そうとしたのですが、フォーマットされていないHDDだったので、CDブートもFDブートもしませんでした。 そこでWin2KサーバのCDを使ってフォーマットをし、何とかFDで起動するようになりました。 そこで、ネットワーク越しにGhostCastサーバを使用して、イメージを復元しようと思ったのですが、分割ファイルだとうまくいきません。 また、分割したイメージを保存したPCから復元しようと思ったのですが、そちらもうまくいきません。 CDに分割して保存したイメージをまたひとつの大きなイメージにする方法を知っている方がいらっしゃいましたら、 ぜひお教えください。 同時に新規HDD(未フォーマット)でのイメージの復元方法をご存知の方が、いらっしゃいましたら、尾教えてください。

  • 分割フレームに1枚の画像を貼り付けるには?

    テーブルのそれぞれのセルに分割した画像を貼り付けて、あたかもブラウザで表示させるときれいに1枚の画像になっているのをよく見かけますが、ホームページビルダーで縦横分割したせるに1枚の画像を貼り付けて、境界線の表示を「なし」にしても、ブラウザで表示させると絵がばらばらになってしまいます。これって所詮無理なのでしょうか。テーブルしか適用されないのでしょうか?おわかりの方がいましたらよろしくお願いします。

  • イメージファイルの復元(Acronis

    Acronis True Image home 11 の操作方法をうかがいたい。 Acronis True Image を利用してます。 1)イメージファイルを分割して保存されている。 2)その2つのイメージファイルから、復元したのです。 この際、以下URLの手順(■復元-3 バックアップアーカイブを選択、→「次へ」ボタンをクリックします。)では、 1つのイメージファイルしか選択できませんが、 分割された2つのファイルを同時に選択する項目が、どこかにありますでしょうか? http://www.salty1.com/acronis/acronis.html

  • HTMLのソース

    HPを今作ってますが、IEではまったく問題なく正常に表示されるのに、ネスケでは欠ける部分がでます。どちらかにしか対応しない独自拡張タグではなく、普通のテーブルです。以下がソースです。 <HTML> <HEAD> <TITLE>メイン</TITLE> </HEAD> <BODY bgcolor="000000"> <TABLE WIDTH=700 HIGHT=600 BORDER=1> <TABLE BORDER=1> <TR><TD WIDTH=600 HEIGHT=100>これはテスト表示です</TD><TD WIDTH=100 HEIGHT=100><IMG SRC=TOP2.GIF></TD> </TR> <TABLE WIDTH=700 HEIGHT=200 BORDER=1> <TD><IMG SRC=TOP1.JPG></TD> </TR> </TABLE> <TABLE WIDTH=700 HEIGHT=100 BORDER=1> <TD>これはテストです</TD> </TABLE> </TABLE>  上から8行目の ◎<TR><TD WIDTH=600 HEIGHT=100>これはテスト表示です</TD><TD WIDTH=100 HEIGHT=100><IMG SRC=TOP2.GIF></TD> のテーブルがネスケでは表示されず、下の二つしかでません。IEでは完璧です。いちおう。大きいテーブルに小テーブルを入れているのですが(慣れてないもんで、配置をはっきりさせるため)何か変ですか?まぁ慣れっこの人から見たら、変なとこ山盛りでしょうが、こんな簡単なテーブルで表示差があるとは思いません。どうでしょう?どなたかお時間のあるかたお返事まってます。大変たすかります。

    • ベストアンサー
    • HTML
  • テーブルにスタイルシートをかけているのですが、問題があります。

    テーブルにCSSをかけておりまして、 内容は外部ファイルに table.ta, td.ta, th.ta { border: 1px #3399ff solid;padding:0.5em; line-height: 150%;font-size: 9pt; margin-left:auto; margin-right:auto;} と記述しております。 そして、テーブルのボーダーを0にして、 ブラウザ上では1本の線の枠で表示されています。 しかしこれだと列が2列以上になったときに、 となりの列との境目の線が消えてしまいます。 この境目の線を表示させたいのですが、 どのような記述がありますでしょうか?

    • ベストアンサー
    • HTML
  • HTMLのテーブルをExcelにCopy&Pastしたときにセルを分割させない

    以下のようなHTMLがあります。 これをIE6で開き、テーブル部分をマウスでドラッグして選択し、MS-ExcelにCopy&Pastします。 何故か、Excel側で、3セル分に分かれてしまいます。 <br>部分でセルが分割されてしまいますが、分割されないようにすることはできますでしょうか? HTMLに何か仕込むことで対応できますでしょうか? <html> <body> <table border="1">  <tr>   <td>    aaa<br>    bbb<br>    ccc   </td>  </tr> </table> </body> </html> 以上、宜しくお願いします。

    • ベストアンサー
    • HTML
  • HTMLメールを作成しています。

    画像のようなテーブルを作成したいのですが、細かいので、始めにたくさん行を作ってrowspanしていたのですが、右側のtdが左側のtdと連動していて右側のtdが任意の高さにできません。 では、テーブルを複数作るやり方だと、グレイの外枠指定すると、各テーブルにかかってしまうので、 例えば、TOPのテーブルにstyle="border:1em 1em 0 1em;と記述しても、上下左右ボーダーがかかってしまいます。 では、tdの中にもう一つテーブルを作ってみたのですが、くずれてしまいました。 画像のようなHTMLメールのテーブルを作りたい時、どのような方法がいいのでしょうか。 コーディング初心者で、理解しずらい文章かと思いますが、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • CSSでのtableの複雑なborder指定の仕様について

    CSSでのtableの複雑なborder指定の仕様について 現在、以下のようなborder設定を持つtableを作りたいと考えています。 線の太さが違っているのは、border-colorの指定を表しています。 ┏┯┯┳┯┯┳┯┯┓ ┠┼┼╂┼┼╂┼┼┨ ┠┼┼╂┼┼╂┼┼┨ ┣┿┿╋┿┿╋┿┿┫ ┠┼┼╂┼┼╂┼┼┨ ┠┼┼╂┼┼╂┼┼┨ ┗┷┷┻┷┷┻┷┷┛ データ量削減のため、colgroupとtrへのCSS指定だけで、 tdにはCSSを指定しない、という実現方法が理想的です。 ですが、自分で色々と試したものの、どうもうまくいきません。 やむを得ず、tdにCSSクラスを直接指定するにしても、 ある線の色を変えるには、どのtdにどんなCSSを指定すればいいのか、法則が掴めません。 一体どのような仕様になっているのでしょうか。 なお、対応ブラウザはIE6~8のみで構いません。

    • ベストアンサー
    • HTML
  • 二つのテーブルを横に並べて表示するにはどうすれば

    "<table border=10><tr><td>test</td></tr></table><table border=10><tr><td>test</td></tr></table>" のように、テーブルを二つ表示させたい時に test test と、縦に並んでブラウザに表示されてしまうのですが testtest のように、二つのテーブルを横に並べて表示するにはどうすればよいでしょうか?

    • ベストアンサー
    • HTML