愛結
07/17(木) 15:34 IP:125.199.78.71 削除依頼 - タイトル通りです。
記事が少し右寄りになっているので、
直したいのですが、どうすればいいのでしょうか。
テンプレート名は「カスタマイズ用４」です。
どなたか、分かる方お願いします。
NO.1 kita
[MAIL]
[URL]
07/17(木) 16:08 IP:220.220.21.95 削除依頼 - ・margin・padding が適正でない。
・CSS がデタラメで margin・padding が正しく反映されない。
恐らくどちらか。
詳細はあなたのブログを見なければ。
NO.2 愛結
[URL]
07/17(木) 18:12 IP:125.199.78.71 削除依頼- ご回答、ありがとうございます。
すいません。
ＵＲＬを忘れていましたね…；；
問題のＵＲＬは、上です。
NO.3 kita
[MAIL]
[URL]
07/17(木) 18:28 IP:220.220.21.95 削除依頼- この場合も「適正でない」に当たる。
#layout {
width:525px;
この「525」という数字はどこから出てきたものか？
私がこの模様を測ったところ、502px しかない。
然るに点線は右の模様にまで届いている。
これが「模様を基準とすれば「右より」になると言うこと。
つまり width: 500px または 502px ; にすれば問題ないはず。
NO.4 愛結
07/17(木) 18:43 IP:125.199.78.71 削除依頼- できました！
ありがとうございます。
NO.5 愛結
07/18(金) 14:03 IP:125.199.78.71 削除依頼- すいません；
もう１つ質問です。
もこもこを固定させつつ、左下背景も固定させる・・・
というのは、不可能なのでしょうか？
やってみたのですが、左下背景だけしか
表示されないんです。
どなたか、やり方がわかる方は教えてください。
NO.6 kita
[MAIL]
[URL]
07/18(金) 16:25 IP:220.220.21.95 削除依頼- デタラメにもほどがある。
<head> <!-- 元々の「頭」の始まり -->
中間省略
<td width="460" class="back2"> <!-- ＜head＞ 〜 ＜/head＞ に書くことが許されない(意味もなさない) -->
</STYLE> <!-- -->
<style type="text/css"><!--
body{cursor:url(省略/0004774184.cur);}
a{cursor:url(省略/0004774184.cur);}
-->
</style>
<style type="text/css">
<!--
a:hover{ color:#ff98d0; }
-->
</style>
<style type="text/css">
<!--
a:hover{ position:relative; top:1px; left:2字px; }
-->
</style>
<HEAD> <!-- 「頭」の始まり -->
<STYLE type="text/css">
<!--
BODY {
background-image : url("省略/20080718_343305.png");
background-attachment: fixed;
background-position:0% 100%;
background-repeat: no-repeat;
}
-->
</STYLE>
</HEAD> <!-- 「頭」の終わり -->
</head> <!-- 元々の「頭」の終わり -->
これからすると、あなたは「頭の中にもう一つ別の頭を持つ」ことになる。人間なら「あり得ない」。
--------------- 続く
NO.7 kita
[MAIL]
[URL]
07/18(金) 16:26 IP:220.220.21.95 削除依頼- ● 本来 <STYLE type="text/css"> などはサポートされないし、また CSS の方と「二本立て」になるので、自分が変えたい部分が正しく反映されなくなることすら或る。現に先日もそういう人がいて、指定通り変えたのに反映しないという。よく見れば、html に別の指定」がしてあって、いくら CSS でもがいても反映されないと言うことがあった。
● <td width="460" class="back2">
これは最悪の場合デザイン崩しになるもの。
● <STYLE type="text/css"> などの「中身」だけを CSS に移動してあとは <td width="460" class="back2"> から下「元々の「頭の終わり」」までを削除すること。
● background-image : url("省略/20080718_343305.png");
background-attachment: fixed;
background-position:0% 100%;
background-repeat: no-repeat;
これは
body {
一部省略
background-image:url(省略/20080717_341306.png);
background-color:#FFFFFF;
background-repeat: repeat-y; /* タテにのみ繰り返す */
background-attachment: fixed; /* 固定 */
background-position: center top; /* 幅の中央で上から */
一部省略
この部分を入れ替えればよい。そして
cursor: url(省略/0004774184.cur);
この一行を追加する。
----------- まだ続く
NO.8 kita
[MAIL]
[URL]
07/18(金) 16:27 IP:220.220.21.95 削除依頼- ● a:hover{ color: #ff98d0; }
a:hover{ position: relative; top: 1px; left: 2字px; }
こんな「字」のような「日本語」が入っていてはならない。
この二行は
/* --------------------
aについて
aはリンク色です。
ここの a:hover のところで色を変更し、下の行のカッコ内を元のカッコ内に追加する。
つまり、
a:hover {
color: #fff98d0;
text-decoration: none;
position: relative; top: 1px; left: 2px;
}
● a {cursor: url(省略/0004774184.cur);}
これは CSS の a:link のカッコ内に追加して、
a:link { color: #999999;
text-decoration: none;
cursor: url(省略/0004774184.cur);
}
このようにする。
さて懸案の問題だが、ブラウザが internet explorer 6.0 であるなら、左下と、枠画像の両方を固定することが出来ない。(ブラウザのバグのため)
しかし、internet explorer 7.0 にすれば希望は実現できる。
もちろん、internet explorer 6.0 で見る人には枠画像はスクロールする。
sleipnir や lunascape でも gecko エンジンでなければ同じ。
つまり internet explorer 6.0 の場合は左下と枠画像を合体させた新しい背景を作り、それを固定する以外に方法はない。ただ、この方法は画面サイズによって表示が左右される。画面解像度が小さい場合には左は十分表示されないかも知れないし、解像度が大きい場合には、左ピッタンコにならず、外側に余白が出来ることがある。見る人の環境だからどうにもならない。
NO.9 kita
[MAIL]
[URL]
07/18(金) 16:50 IP:220.220.21.95 削除依頼- さらに
<br><head> <!-- ここにも別の「頭」が！ -->
<sc▼ript type="text/javasc▲ript">
<!--
fu▼nction komado(){
window.open('省略');}
//-->
</sc▼ript>
</head> <!-- 新しい「別の頭」の終わり -->
<body> <!-- ここは既に「体」の中なのに、もう一つ「別の体」が！！ -->
<a href="javasc▲ript:komado()"><img src="省略_32502.gif"></a>
</body> <!-- ここは既に「体」の中なのに、もう一つ「別の体」の終わり！！ -->
ただのコピー&ペーストのミスだとしても「許されない」。
寧ろまだ理解できない状態(デザイン崩し)になっていても不思議無い。
上下向きの▼▲は「投稿不能」のため挿入。
このタイトルには現在9件の投稿があります。最大500件まで投稿できます。 |