解決済
Ads By Google
投稿日付を非表示にしたらデザインが崩れてしまいました。
個別記事の日付を非表示にする為、過去のＱ＆Ａを参考に、CSSの".day｛｝"の部分に"display:none;"を追記したところ、日付は消えたのですが、デザインが崩れてしまいました。もし修正可能でしたら、その方法をご教示頂きたくよろしくお願い致します。（記事がタイトル画像にくっついてしまいました。通常は、右カラムにある『blog内検索』と同じ高さです）
ちなみに、".day｛｝"部分は以下の通りです。
.date{
color:#ffffff;
font-size:12px;
text-align:left;
font-weight:bold;
padding:30px 20px 10px 32px;
margin:30px 0 0 0;
background:#e4e6d2 url(' ') no-repeat 0% 75%;
display:none;
}
2006-08-18 19:55の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-08-18 22:15:43
display:none;
（ テキストを非表示にする。その存在する行自体も無くなります。 ）
では無くて ・・・
visibility:hidden;
（ テキストを非表示にする。空白行が一行できます。）
で、一度やって見て下さい。
これでうまくいかなかったら、各 HTML の日付の部分 ・・・
<IfDateChanged><div class="datebody"><h2 class="date"><$ArticleDate$></h2></div></IfDateChanged>
の <$ArticleDate$> を削除し、代わりに
を入れます。こんな感じ ↓
<IfDateChanged><div class="datebody"><h2 class="date"> </h2></div></IfDateChanged>
各 HTML を保存。そして再構築をかけます。
まず正しく表示されるか、トップペーだけやって見て下さい。
（ テキストを非表示にする。その存在する行自体も無くなります。 ）
では無くて ・・・
visibility:hidden;
（ テキストを非表示にする。空白行が一行できます。）
で、一度やって見て下さい。
これでうまくいかなかったら、各 HTML の日付の部分 ・・・
<IfDateChanged><div class="datebody"><h2 class="date"><$ArticleDate$></h2></div></IfDateChanged>
の <$ArticleDate$> を削除し、代わりに
を入れます。こんな感じ ↓
<IfDateChanged><div class="datebody"><h2 class="date"> </h2></div></IfDateChanged>
各 HTML を保存。そして再構築をかけます。
まず正しく表示されるか、トップペーだけやって見て下さい。
回答レベル : 回答
ＡＱさん、丁寧なアドバイスありがとうございました。
まず、「visibility:hidden;」で試したところ、日付は消えたのですが、タイトルバナーにくっついていた記事スペースが、逆に離れて過ぎてしまいました。
次に「 」を入れる方法ですが、こちらも日付は消せたのですが、記事のタイトルの位置がしっくり来なかったのと、素人なもので、複数個所に手を加える事に腰が引けてしまって・・・。(^^;
そこで、ＡＱさんのアドバイスを参考に、色々といじってみたところ、CSSを以下のように記述したらシックリくる物が出来ました。
.date{
color:#e4e6d2;
font-size:1px;
text-align:left;
font-weight:bold;
padding:10px 1px 1px 1px;
margin:30px 0 0 0;
background:#e4e6d2
}
日付の色を背景と同色にする点は、確かＡＱさんが、以前他の方の質問に対してアドバイスされていた方法だったと思います。
Ads By Google
コメント(1)
#1. AQ
2006-08-20 01:37:18
＞Aloha！さん
visibility:hidden; （ テキストを非表示にする。空白行が一行できます。）そうか、この方法だと、margin、padding の調整も
回答に含める必要がありましたね。(>_<)
「 」 の方法もそうですね ・・・。
中途半端な回答で申し訳なかったです。
しかも、さらに別の方法がある事を自分でも忘れていて (^_^;)
これでベストは恐縮致しますが、すみません、頂いておきます。
ありがとうございました。m(_ _)m
