こんにちは!フレッチです。
いやー、参りました。正確には参っていました、か。
この本を読んでブログで勝負しようと決めた3冊 〜@kogure氏、@isloop氏、@OZPA氏(の著作)との出会いの記事で、三氏のブログを紹介するのに「Share HTML」というブックマークレットを使ってリンクを生成したわけですが、なぜか回り込まれてしまって表示が崩れている!
縦に2つ並ぶはずのリンクが斜めに並んでるし…
リンクのコメントではない本文がスクショ画像の右側に来てるし…
こういう予期しない表示になってしまうのはよろしくないです。
で、ブラウザのデベロッパーツールを使って原因を探してみたのですが、特にfloatとか指定されていないし。。。
よくわからないので(←≒面倒臭かった)力技で要素のclassを消してみたら直りました!やったー!
消したのはココ↓
どうも、Stinger2テーマの方でも同じclass名を使っていたらしく、それで変なスタイルが指定されてしまったようです。
早速、ShareHtmlメーカーからブックマークレットを作りなおして、無事に修正ができました。
よかったよかった。
↓Share HTMLブックマークレットについてはこちらの記事を参考にどうぞ
神ブックマークレット ShareHtml , AppHtml の導入&使用方法(作者 @hiro45jp さん) | なまら春友流
詳しい導入方法などはここがわかりやすいです。