Weble(ウェブル)

Archive

Posts Tagged ‘CSS’

CSS で float を解除する時は clearfix を使おう

• Category: CSS
• Date: 2010-2-07 (日) 20:47:50

今更の話なんですが、なんとなくまとめてみることにします。
たぶん CSS 初心者の方は float の解除をするのに困ることがあると思います。
clear: both; で解除できると思うと見せかけて、実はそれじゃあダメ [...]

• Tags: clearfix, CSS
• 1 Comment

[CSS] なぜか絶対に覚えられないプロパティや値一覧

• Category: CSS
• Date: 2009-10-11 (日) 19:18:48

全てのプロパティを覚えてると言っている私ですが、なぜか絶対に覚えられないプロパティや値があります。
全てのプロパティを覚えていると職場の方々は信じているので、覚えられないものを一覧にしておきます。
※マークされている部分 [...]

• Tags: CSS
• No Comments

IE6 では li の中にブロック化した要素を入れると改行が発生するバグがある

• Category: Browser, CSS
• Date: 2009-6-23 (火) 23:28:54

以下のように記述すると IE6 でだけ無駄な改行が発生します。いつもながら独自の世界を駆け抜ける IE シリーズには楽しませていただいております。

1
2
3
4
<ul>
<li><sp [...]

• Tags: CSS, IE
• No Comments

border-collapse で collapse を 指定すれば border が重なり合う

• Category: CSS, MySQL
• Date: 2009-6-03 (水) 23:24:24

ただ普通にテーブルを使うと、影のついた変な線が出てくると思います。
これをそのまま使うのはあまり良くないので、table に cellspacing=”1″ して背景色を枠線に見せるのも良いんです [...]

• Tags: border, CSS
• No Comments

初心者が CSS を理解するのに最も適したページ

• Category: CSS
• Date: 2009-6-01 (月) 23:38:50

初心者に CSS を説明するのはとても難しいです。
CSS を理解するにはたくさん CSS を触るほかないです。
ですが、以下のページなら CSS をあまり触ることなく、CSS に関しての理解を深めることができるかもしれ [...]

• Tags: CSS
• No Comments

WordPress ではたまに IE6 に CSS が部分的に適用されなくなる

• Category: WordPress
• Date: 2009-6-01 (月) 23:15:11

今日 WordPress で部分的に CSS が適用されない部分が発生して、困ってしまいました。結局原因はわからなかったのですが、PHP による振り分けがうまく動作しなかったりといろいろ問題はあるようです。
CSS が適 [...]

• Tags: CSS, WordPress
• No Comments

display プロパティで list-item を指定すれば任意要素に list-style-type が設定できる

• Category: CSS
• Date: 2009-5-24 (日) 0:49:05

ul 要素、ol 要素、l i要素では list-style-type を設定することができますが、dl 要素など定義型リストなどには list-style-type を設定することができません。しかし display [...]

• Tags: CSS, display, list-item, list-style-type
• No Comments

CSS でブラウザ毎に違う設定をする CSS ハックをまとめたページ

• Category: CSS
• Date: 2009-5-21 (木) 23:58:35

金曜日までに完成させなきゃいけないページがある。一応納期はずっと後の奴で、練習のような感じでやらせてもらってる仕事だけど、やっぱりここは金曜日までに完成させたい。一応一日のノルマは毎日クリアしてる、でも今日は本当に達成で [...]

• Tags: CSS, Hack
• No Comments

CSS の z-index プロパティを利用すればボックスの重なり順序を指定できる

• Category: CSS
• Date: 2009-4-18 (土) 10:51:26

ボックスに margin: 0 0 -20px 0; なんていう指定をして、下のボックスにわざと重ねてデザインすることがあると思います。こんなことをするのは私だけか心配ですが、このように重ねて表示させようとすると、Fir [...]

• Tags: CSS, z-index
• No Comments

table で form を構築して Ajax.Updater で部分的に更新させる場合は注意が必要

• Category: Ajax, CSS, HTML
• Date: 2009-4-09 (木) 9:54:48

例えばお問い合わせフォームを作る時、以下のようになることがあると思います。

1
2
3
4
5
<form method="post">
<table>
<tr> [...]

• Tags: Ajax, Ajax.Updater, CSS, Firefox, form, HTML, table
• No Comments