玲
[URL]
07/27(日) 23:21 IP:58.188.35.248 削除依頼 - クリックありがとうございます＞＜
ブログを見ていただくと分かるのですが、
タイトル画の上に少しだけ白い部分があるのですが、
どうやって余白を消すのでしょうか＞＜？
知っている方教えてください！
NO.1 kita
[MAIL]
[URL]
07/28(月) 00:19 IP:220.220.21.95 削除依頼- もう少し『算数』をしっかりしよう。
<td width="220" class="back1"> <!-- (1) -->
<td width="3"> <!-- (2) -->
<img src="./template/flat/img/blank.gif" width="10" height="1">
</td>
<td width="410" class="back2"> <!-- (3) -->
この合計は CSS の
#wrapper {
width: 720px;
この数字より 10px 少なくなければならない。
つまり、(1) + (2) + (3) + 10 = 643 でなければならない。
10 と言うのはブラウザ解釈の違いによる許容誤差。
しかも
<td width="3"> <!-- (2) -->
<img src="./template/flat/img/blank.gif" width="10" height="1">
と言うのは 幅 3px しかないところに 10px のものを『入れる』という意味であり、
あなたの国ではそれができるのかな？
ただのマッシロなら何も
.back1 {
margin: 3px;
padding: 1px 7px 1px 7px;
background-image:url(http://pinksh-21.img.jugem.jp/20080721_273364.jpg);
background-repeat:repeat-y;
background-position:center top;
}
のように『背景画像』を使うまでない。
background: #fffffff; これだけで済む。
しかもゴテイネイニ padding まで付けているが。
.linktext {
font省略
margin: 1px 7px 1px 7px;
padding: 3px;
}
この margin と padding によって、片側 10px、両方で 20px、上に padding もあるから、合計で 220 - 34 = 186 これよりも大きいものは入れられない。
ただ能代背景だから気づかないだけで、模様の付いた背景だと、
『ずれた、ずれた！』と騒ぐことになる。
http://pinksh-21.img.jugem.jp/20080721_273361.png
この画像は幅が 220px であるから当然大きすぎ！
このようにブログというのは『計算された』ものであると言うことを頭に置いておくことが必要。
左の画像がピッタリ上に付かないのは
<td width="220" class="back1">
<br /> <!-- 一行分空けて改行 -->
この『改行』の製。
NO.2 玲
[URL]
07/28(月) 21:56 IP:58.188.35.248 削除依頼- 良く分からないので、もう少し分かりやすくお願いします。
NO.3 kita
[MAIL]
[URL]
07/28(月) 22:24 IP:220.220.21.95 削除依頼- どこがわからない？
画像をピッタリにするのは、<br /> を削除するだけだが。
<div id="wrapper">
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr valign="top">
<!--LEFT-->
<!-- サイドバーの横幅はここで指定します。
もこもこ背景はcssの.back1に記入箇所があります -->
<td width="220" class="back1">
<br /> <!-- ● これ！ -->
環境によっては「トンデモナイ」画面になっているから、長々と書き連ねた。
他人のブログだから、余計な心配することもないのだが。
場合によっては「笑われる」こともあるかも知れない。そういう意味。
NO.4 kita
[MAIL]
[URL]
07/28(月) 22:36 IP:220.220.21.95 削除依頼- <td width="3"> <!-- (2) -->
<img src="./template/flat/img/blank.gif" width="10" height="1">
と言うのは 幅 3px しかないところに 10px のものを『入れる』という意味であり、
あなたの国ではそれができるのかな？
これはあなたのカバンの中に自転車を入れると、カバンはどうなる？
「破れる」だろう。破れりゃ、中身は「飛び出す」。この意味はわかるかな？
このテンプレートでは、「中身が飛び出す」と、背景が「ずれる」と言うことになる。
その結果、しましまのところに殆どのものが来て、肝心の白いところにはいくらも中身がない。
あなたは箱にふたをする時、フタも同じ大きさだったら、どうなると思うか？
フタがフタの役目にならないであろう。
つまり、フタというのは箱よりも、少しだけ大きくなくてはならない。
ブログの場合、フタが先に出来ているから、中に入れるもので調整しなければならない。
そうでなければ、フタを大きくつらなければ、中身が入らない。
「フタの余裕」というのが、margin や padding と言うこと。
240のところに 40 の余裕が有れば、200 のものしか中には入れられない。
このタイトルには現在4件の投稿があります。最大500件まで投稿できます。 |