FC2ブログ
RSS
Admin
Archives

ぽすといっと

HTML・CSSのメモをぺったぺた。Linuxとかも。なんでもありになってきました。

検索フォーム
カテゴリ
最新記事
プロフィール

nataku

Author:nataku
(X)HTMLやCSSについて気になったこととか。Linuxも加わってなんでもありになってきました。

リンク
twitter
Powered by fc2 blog  |  Designed by sebek
2013.01
14
Category : CSSメモ
mysql+cakephp2.2で簡単アプリを開発中
自由記述欄の値が長すぎてダラダラ表示されてたものを
ざっくり三点リーダでカット

 overflow     : hidden;
white-space : nowrap;
text-overflow: ellipsis;


指定した要素のwidthを超えたら"..."で表示されます

ブログタイトルとか向けかなあ。
2010.05
19
Category : CSSメモ
リストのマークを任意の画像に変更します


  • リスト1

  • リスト2

  • リスト3

  • リスト4

  • リスト5



…マークがあまりにもやっつけすぎるとかいっちゃだめです(汗
::more
2009.08
22
Category : CSSメモ
alt属性とtitle属性について見直し(・д・*)

【alt属性】
代替テキスト

テキストブラウザ、画像表示オフ、画像が読み込まれない場合に
代わりに表示されるテキスト
クロール時、記述されているとこれを参照する
(ない場合はファイル名を参照する)
音読ブラウザもalt属性を読み上げる



【title属性】
ツールチップ

マウスカーソルを乗せたときでるヒント
ほぼ全ての多様なタグに設定できる


2009.07
31
Category : CSSメモ
aタグの後ろにリンクであることが視覚的にわかりやすいように
画像を追加するcssです

※疑似要素 :after を使えば簡単ですが
  使用率の高いIEのバージョン7まで実装されていないため避けたほうが賢明です


記述と説明は追記に・・・
::more
2009.07
26
Category : CSSメモ
ブラウザによって独自仕様でマージンやパディングが設定されていたり
して思ったようにデザインができない!困った!

そんな事があったりするので
ユニバーサルセレクタ ”*” でマージン、パディングをリセットしておくといいかも



※ユニバーサルセレクタは全てのタグを意味します
::more