シェアする

  • このエントリーをはてなブックマークに追加

share HTMLで生成したリンクが回り込まれる件の原因が判明

シェアする

  • このエントリーをはてなブックマークに追加

こんにちは!フレッチです。

いやー、参りました。正確には参っていました、か。

この本を読んでブログで勝負しようと決めた3冊 〜@kogure氏、@isloop氏、@OZPA氏(の著作)との出会いの記事で、三氏のブログを紹介するのに「Share HTML」というブックマークレットを使ってリンクを生成したわけですが、なぜか回り込まれてしまって表示が崩れている!

縦に2つ並ぶはずのリンクが斜めに並んでるし…

リンクのコメントではない本文がスクショ画像の右側に来てるし…

こういう予期しない表示になってしまうのはよろしくないです。

で、ブラウザのデベロッパーツールを使って原因を探してみたのですが、特にfloatとか指定されていないし。。。

よくわからないので(←≒面倒臭かった)力技で要素のclassを消してみたら直りました!やったー!

消したのはココ↓

どうも、Stinger2テーマの方でも同じclass名を使っていたらしく、それで変なスタイルが指定されてしまったようです。

早速、ShareHtmlメーカーからブックマークレットを作りなおして、無事に修正ができました。

よかったよかった。

↓Share HTMLブックマークレットについてはこちらの記事を参考にどうぞ

神ブックマークレット ShareHtml , AppHtml の導入&使用方法(作者 @hiro45jp さん) | なまら春友流
詳しい導入方法などはここがわかりやすいです。

スポンサーリンク
スポンサードリンク
スポンサードリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサードリンク