こんにちは。
html勉強中です。
下のサイトをまねしたいなと思いました。
http://www.earle-brown.org/
そこで質問です。
Safariで見ると、画像の切れ目が線となって現れています。
これはなぜでしょうか?
どうやって解決したらいいのでしょう。
どなたか解説よろしくお願いします。
No.1ベストアンサー
- 回答日時:
元々は1つの画像を5つのパーツに分けて画像にし、それをtableレイアウトで隙間無くくっつけて一枚の画像の様に見せているんですが、tableの属性の一部にマイナス値を入れたりしてるもんですからSafariではそこが無視されてしまい、その結果cellspacingにはディフォルト値(おそらく1~2px)が適用された状態になる為、画像を入れたセルとセルの間に隙間が出来ます。
【誤】
<table BORDER=0 CELLSPACING=-30 CELLPADDING=-30 width="640">
↓
【正】
<table cellspacing="0" cellpadding="0" border="0"width="640">
※そもそもなんで-30なんていう不可解な値を入れているのか理解に苦しむところですが…
でも、せっかくHTMLを勉強中なら、できることならこのサイトは参考にしないで下さい。
headの中にてんこ盛りで入ってはいけない情報が入っていたり、というのを初めとしてちょっと今時有り得ないだろうというレベルのコーディングですから…
詳細回答ありがとうございます!
スライスされる元の画像の色合いや、バランスは気に入っているので
abrilさんのおっしゃる様にHTMLをもっと勉強してから見た目だけ
参考にしていきたいと思います。
ご親切な指摘ありがとうございました。勉強します!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 数学 中1 数学 空間における平面と直線の問題です 2 2023/04/14 20:44
- その他(学校・勉強) 中3の問題です。解説お願いします! この問題の(4)の下線部を引いた所のどうしてそうなるのかが分かり 1 2022/08/29 14:00
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- Chrome(クローム) インターネットの各サイトの画像が表示されない 3 2022/12/04 22:43
- HTML・CSS 詳しい方に質問です。 早急に解決したいと思っています。 ポートフォリオをMacBook で作成したと 2 2023/05/12 17:40
- 電気工事士 平成27年度下期の問題なのですが 2 2022/08/11 20:52
- その他(学校・勉強) T形抵抗減衰器の減衰量の求め方について 4 2022/06/30 11:30
- 宅地建物取引主任者(宅建) 未経験・知識ゼロからの宅建取引士勉強方法について 2 2022/06/10 14:38
- Safari(サファリ) ポッカキット(海外のグロいのを取り扱ってるサイト)を興味本位で調べてしまいました。まだサイトには入っ 1 2022/08/17 20:27
- 大学受験 共通テスト 数学 復習 共テの実力問題を解いているのですが、 なかなか点が上がりません。 参考書での 3 2022/11/04 13:59
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
CSSで特定のテーブルだけに...
-
TABLEのセルの中の文字を行単位...
-
画面幅に合わせてテーブルのカ...
-
<th>タグを使っても太字にしな...
-
(HTML)Tableを任意の位置に置...
-
tdの中のtableの中のtd
-
tableタグとformタグの組み合わせ
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
値が0なら非表示にしたい
-
テーブルの位置を細かく指定し...
-
テーブルの入れ子について
-
HTMLで外部ファイルの読み込み
-
一つのテーブル内の文字色だけ...
-
テーブルの位置
-
HTMLの表で幅を指定しても折り...
-
テーブルの行を折りたたみたい...
-
テーブルの一部分のセルだけに...
-
テーブルの外側の線を消す
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
同じ幅指定のつもりなのに、ブ...
-
html5のテーブル内でdivのタブ...
-
<fieldset>タグについて
-
tableを縦に続けるとtable間の...
-
画面幅に合わせてテーブルのカ...
-
tableの位置がIEとその他ブラウ...
-
ラインを端から端まで画面いっ...
-
HTMLのテーブルをExcelにCopy&P...
-
tableのcellpadding="0" cellsp...
-
ホームページのテキストを折り...
おすすめ情報