Weble(ウェブル)

Archive

Archive for the ‘CSS’ Category

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

IE で border を指定した時に線と線が繋がるのを防ぐ方法

• Category: Browser, CSS
• Date: 2009-5-29 (金) 12:56:35

IE では border で 1px の点線を引くと、スクロールしたりしたときに線と線がくっついて見栄えが悪くなってしまうことがあります。私は Firefox では問題なく表示されるし、たまにしか表示されないので気にして [...]

• Tags: border, dashed, IE
• 2 Comments

WEB で強制的に空白を作る。空白文字(スペース)を打つ時に使う記号いろいろ

• Category: CSS
• Date: 2009-5-26 (火) 23:51:17

HTML では空白をいくつ入力しても一つとしてカウントされますが、以下の記号を使えば強制的に空白を作ることが可能です。今回の記事は All about を参考にさせていただきました。

1
2
3
4
ブラウザで確認す [...]

• Tags: IE, table
• No Comments

option 要素で改行をすることはできない

• Category: CSS
• Date: 2009-5-24 (日) 1:00:40

先日 option 要素内で改行してほしいという修正依頼が来ました。
残念ながら option 要素内で改行することはできません。
最近モバイルサイトの修正をしていたりしますが、文字化けが全く解消されません。
どうしてい [...]

• Tags: option
• 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