タグ

ブックマーク / redline.hippy.jp (2)

  • RedLine Magazine : jQueryでボックスを上下左右中央に簡単配置

    jQueryでボックスを上下左右中央に簡単配置 ボックスを上下左右の中央に配置したレイアウトにしたい時の話。もちろんjQueryというかjavascriptを使わなくてもCSSだけでそんな風にしたい場合なんかのやり方もあるのだけれど。そんな場合はCSS HappyLifeさんのこちらの記事がオススメです。 >>ボックスを上下左右画面中央に|CSS HappyLife 今回はjQuery Center pluginを使ってみる 先述の通り、CSSでもこうすればできるといった手法がいろいろあるわけだけど、jQueryのプラグインで秒殺できますよーというプラグイン「jQuery Center plugin」を使ってみます。 >>Plugins | jQuery Plugins ※プラグインなので当然jQuery体も必要になります。 jQuery体はこちら辺りからダウンロード。 親に対して、上

  • RedLine Magazine : リストタグを使用時のIEでの変な隙間を消す

    リストタグを使用時のIEでの変な隙間を消す 私的覚え書き。 リストタグを使用してメニューを作ったりする際にIEだけに変な余白が入る事がある。それを解消するネタ。 >>問題のサンプル・こんな感じ。 Firefox等で見るとちゃんとメニューの間が詰まっててOKなのだが、IEの場合だと勝手に余白が入る。marginやpaddingを0にしても、liタグを途中改行しても効果なしで、その都度ごまかしてきたりしてたんだけど、とりあえず原因はIEの場合、リスト内のインライン要素をブロック化すると余計な余白を入れるというかline-heightの解釈が正しくないっぽい。 >>対策はこんな感じ。 li { line-height:0; } a { display: block; background-color:#900; padding: 5px; color: black; text-decoratio

    thiswholeworld
    thiswholeworld 2008/08/07
    リスト、IE6、入れ子、「"display:inline;"も入れておきたい」
  • 1