忘れないようにメモ
スタイルシートで2段カラムや3段カラムのレイアウトをおこなう際、親ボックスの中の子ボックスをfloatしますが、そうすると親ボックスに指定してあるはずの背景画像が表示されなかったりすることがあります。
散々なやんで色々調べた結果、clearfixハックの存在を知り、この問題を解消することができました。
他の部分でも、floatを使うことがありますが、brや空のdivにclearを指定したりしなくて済むので、それ以降なにかと使うことが多くなりました。大変便利なテクニックですね！
先日、はてなスター設置方法について記事投稿しましたが、あまりすっきりとしないため、ぼんやりと考えていたのですが、タグとクラスとパーマリンクがセットになっていればいいのだから、なにもｈタグにこだわる必要もなく、livedoorの設置例のように消してしまってもよいなら...
ということで、作業してみました。
新しいはてなのサービス、はてなスター。
ちょっと面白そうなので付けてみました。
Movable Type4の場合、トップページやアーカイブの記事タイトルはh2、個別記事がh1タグになっていますので、ここはh1タグに付けるべきなのでしょうが、やはりトップページでもスターを表示させたい。かといって個別ページのタイトルをh2にするのはどうにも納得いかない。
ということで、他にも方法はあるとは思いますが、手っ取り早い方法で両方に対応すべく作業してみました。
Movable Typeを久しぶりにいじったのとver.4を始めて扱ったので慣れるまでに大変でした。
横着してデフォルトをいじってのデザインだったので、スタイルシートでだいぶ苦労しました。人の書いたCSSだとルールを把握するまでに時間がかかるのと、恐らくデフォルトのデザインもベースを改変してのもののようで、スタイルを上書きしているような点が何点もみられた。
全部整理すれば、半分くらいのコードになりそうですが、そこはまた今度ということでなんとか見栄えだけは整えるところで一旦落ち着こうと思っています。
それと、Movable Typeの管理画面、大分扱いやすくなったような気がしますが、テンプレートやCSSを管理画面から編集する際、ソースコードが一部分消失するような場面が何度かありました。
独立してホームページ制作業務を開始しました。
大変お世話になった会社を退社してから約半年。色々な準備や勉強(失敗)をして、ネタがタマってきたので、少し個人的な内容を書けるブログを公開しようとTREND SPOTTINGを立ち上げました。
Recent Comments