解決済

clip!clip!
Ads By Google

ブログの記事デザインについて

最近、ブログデザインを変更しました。
wolfを使用しています。
以前は、多少は自分でカスタムして使用していたのですが
今回のデザインにしてから、
どこを変更したらいいのか、わかりません。

アドバイスをよろしくお願い致します。

現在使用のブログです


・ブログタイトルを大きくすると、説明と重なってしまう
・記事の文字を大きくしても反映されない
 (WYSIWYGエディタで投稿しています)
・画像の周りに文字を回り込みたい。
・コメントの横に出ている、プロフィール?へのリンクを消したい。

以上4点が困っている点です。
このように、いくつも同時に質問してもいいものなのでしょうか?
初心者なので、そのあたりもアドバイス頂けたら嬉しいです。

もし、問題であれば 質問しなおさせて頂きますので。

2008-12-02 14:23の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2008-12-02 20:44:28ベスト
・ブログタイトルを大きくすると、説明と重なってしまう
Firefox で試してみた所では、大丈夫のようでした。

・記事の文字を大きくしても反映されない
おそらく、

と同じ症状なんじゃないでしょうか。
コメントの#3を参考にしてみて下さい。

・画像の周りに文字を回り込みたい。
現在回り込みしているようですが・

・コメントの横に出ている、プロフィール?へのリンクを消したい。

を参考にしてみて下さい。

いくつもの質問をしてもよいか?
嫌われる傾向にあると思いますが、
ケースバイケースのように思います。
回答レベル : アドバイス

初心者にも、親切な対応ありがとうござます。

お陰で、気に入ってるデザインを諦めずにすみました。

Ads By Google

コメント(5)

#1.  KAZ
2008-12-03 20:07:04

対応ありがとうございます。
マナー違反的な感じですみませんでした。

お陰様で、文字の大きさ、プロフィールは解決しました。

Slipnir を使用していますが、可能な限りでタイトルも大きくしてみました。

以前のデザインでは、画像の横にも記事文が来ていたので、その様にしたいのですが、現状そう見えないのは何か他の問題なのでしょうか?

#2.  BLUEPIXY
2008-12-03 21:51:59

#1>問題?
Firefox で確認した所回り込みしていたので気づきませんでしたが、IEだと回り込みしませんね!

vertical-align: baseline;
の指定が影響していると思います。
この指定は本来inline 要素に対して効くので、inline 扱いになっているためだと思います。
CSSの最初の
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, /*img,*/ ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
を img をこのようにコメントアウトするかまたは削除するか
#main .article-body img.pict {

   float:left;
のように回り込みを指示してやるといいと思います。

#3.  KAZ
2008-12-04 09:32:33

BLUEPIXYさん
言われたとおり、回り込みの指示を入れて無事に解決しました。
ほんと親切なアドバイスありがとうございました。

#4.  BLUEPIXY
2008-12-04 19:27:03

>>#3
私は、Slipnir(Sleipnir?)は、使っていないので
うまくいって良かったデス。

後者の方法の場合、
本文記事のimg.pict だけに有効なので、
そのことを覚えておいて下さい。

#5.  KAZ
2008-12-05 09:47:01

>#4
はい。ありがとうございます。
色々、やってみます~
ほんと、お世話になりました。

トラックバック(2)

トラックバックURL: