今日のじじ

アクセスカウンタ

zoom RSS 2010年4月18日

<<   作成日時 : 2010/04/18 22:38   >>

なるほど(納得、参考になった、ヘー) ブログ気持玉 34 / トラックバック 0 / コメント 9

緊急! 気持だま変更をされた方へ!


お知らせですにゃ〜

画像



当ブログの4月7日の記事を見て気持だま変更をされた方で、

リンク枠をお付けになられた方、

以下の様な現象に悩まされていらっしゃいませんか?


画像


これは、リンク枠を付けた時に行があふれてしまう現象です。
試しにリンク枠をはずしてみると、きちんと収まります。


画像


何か解決方法はないかと、リブログのソースを調べました。
すると、リンクのついているはずの元々の気持だまに

枠線が無いことに気がつきました!


(以下、記号化してあります)


<a href="X.at.webry.info"><img src="/images/article/kimochi_aha_a.png"
width="24" height="24" border="0" alt="なるほど(納得、参考になった、ヘー)" title="X" /></a>



リブログは丸い画像に枠線を付けるのではなく、

四角い画像そのものを表示していたのです。


ということは、枠を付けた分行からあふれて改行できないのですから、
画像ひとつにつきリンク枠1PXを縦に2本分、
2PX減らす必要があるのではないかと考えました。
私の気持だまは50x50ですから、48x48に変えなければなりません。

ここで大事なのは、「リンク枠を着けたたまだけ変える」ということです。

そのために、リンク枠を付けるCSSの文字列に、
画像の大きさ指定を加えました。






そうしましたら、改行エラーは出なくなりました。

画像



ご迷惑をおかけして大変申し訳ありませんでしたm(_ _)m
お手数をおかけいたしますが、
ご自身の画像の大きさから2PX引いた値をheightとwidthにご入力の上、
CSSに上書きしてくださいますよう、よろしくお願いいたします


わからなかったら説明にお伺いいたします。
遠慮なくおっしゃってくださいませ


テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ
気持玉数 : 34
なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
ナイス ナイス ナイス
ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!)
驚いた 驚いた
面白い 面白い
かわいい かわいい

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(9件)

内 容 ニックネーム/日時
気持だまの改行エラー じじママちゃんの言うようにCSS編集に入れてみました。
じじちゃんの言うように換える前は リンクあるなしで気持だまのサイズが違って 縦の列も乱れていたのが綺麗にそろって気持ちよくなりました。
だけど 私のページは ページ幅をウェブリの標準の巾と変えているせいか 改行エラー 消えませんでした。
きっとブログの巾と気持だまの巾のバランスを数字を変えて調整していくと どこかでピッタシの数字がでてくると思うので お休みの日に挑戦してみます。とにかく お休みが取れないの。
丸み
2010/04/19 09:36
へへへ・・・改行も直っていました。
ブログの記事に書こうと思って CSS変更前後の気持だまの変化の状況のスクリーンをコピーして画像に残そうとして 右下の拡大って所を75%にしていたの。そしたら 気持だまが横に綺麗に並ばずにはじき出されれて表示されたの。100%表示にしたら きれいに並んで見えていたの。変なの。
普通に100%でみると 綺麗に並ぶようになりました。ありがと。  
丸み再び
2010/04/19 09:52
丸み様
原因を突き止めてみたらうちで推奨したCSSだったという結果で、大変申し訳ありません。
枠線は1PX以下にはなりませんので、75%表示にした時、中の画像だけ縮小されてしまい、リンクの有り無しで画像の大きさに差が生じて、改行エラーが再発してしまいます。
コンピューターの表示の最小単位は1ドット=1PXなので、
通常、端数(小数点以下)の設定は不可能です。
拡大縮小すると、端数が発生するため、意図しない結果になる可能性があります。
なので、100%でスクリーンコピーしてから、画像ソフトで加工するやり方が一般的です。
よろしくお願いしますm(_ _)m
mhm
2010/04/19 14:41
丁寧な説明ありがとうございました。これからも宜しくね。
丸み再びの再び
2010/04/19 15:23
とても丁寧なご説明をありがとうございました。私の気持ち玉もきれいに並びました!。これからもよろしくお願いします。
今後、私もmhmさんのように、アニメーションを考えています^^。
きらら(3にゃんず)
2010/04/19 17:34
丸み様
こちらこそ、
これからもよろしくです^^

きらら(3にゃんず)様
ご迷惑をおかけしましたm(_ _)m
解決してよかったです^^
アニメーションがんばってください。
mhm
2010/04/19 18:55
上記大間違いの訂正

枠線は1PX以下にはならない→「未満」です!
mhm
2010/04/19 19:04
こんばんは〜☆
連絡くださりありがとうございます。私も縦に揃わない気持玉に違和感を感じていました。時間が取れ次第、反映できればと思います。でも凄いですね。こんなことがわかってしまうmhmさんを尊敬してしまいます。本当にありがとうございました。
にゃんこの子
2010/04/19 19:39
にゃんこの子様
お忙しいところをありがとうございました。
縦に揃わない気持だま……確かに気持が悪いかも……
ご迷惑をおかけいたしましたm(_ _)m
おほめのお言葉をいただき、ますます申し訳なく思います。
これからもよろしくお願いいたします。
mhm
2010/04/19 21:08

コメントする help

ニックネーム
URL(任意)
本 文





ホームページは只今工事中です



↑akariお姉さんのブログへ


2010年4月18日 今日のじじ/BIGLOBEウェブリブログ
文字サイズ:       閉じる