グレヌデサ La graine du dessin

リストを横並びにしたときに、単語ごとに折り返すCSSプロパティ(IE用)

フッターリンクなどで、リストを横並びにした際
丁度折り返す所でくずれているか、「display:inline」を使用して単語の途中でも折り返すか・・・。
「display:table」を使用しても、safariで崩れたり、対応していないブラウザが存在するので、使えません。

IEさえちゃんと表示されれば「float」だけで済むのに・・・><

と思っていましたが、ちゃんと単語ごとで折り返してくれるCSSプロパティがありました。
このプロパティはIEのみ対応しています。


word-break: nomal;
英語などの半角英数文字列は単語の切れ目で折り返され
日本語などの全角文字列は、単語の途中でも表示範囲にて折り返す。

word-break: break-all;
文字列や言語に関係なく、設定された表示範囲で折り返す。(単語の途中でも)

word-break: keep-all;
文字列や言語に関係なく、単語の切れ目で折り返す。

----------------------------------------------------------------------------------------------------------
結局は単語ごとに折り返すword-break: keep-all;しか使わないとは思いますが・・・。
半角スペース、全角スペースを単語の間に入れると折り返してしまうので注意です。

WordPress2.8管理画面マニュアル

著作権が放棄されているWordPress2.8管理画面マニュアルです。

マニュアルを有料で売る事も自分で作ったと言い張っても問題ないそうです。


[配布元サイト]
URL:http://kachibito.net/wordpress/free-wordpress28-manual.html

PhotoShopで「メートル」や「ページ」が勝手に記号に変換される

20090730_01.gif

PhotoShopで「メートル」や「ページ」などの特定の文字が1文字記号に勝手に変換されるときは下記を手順で直せます。


20090730_02.gif

文字パレット右上の、4本線に▼がついたアイコンをクリック。

「OpenType」→「任意の合字」を選択。チェックをはずす。


20090730_03.gif

元に戻りました。


合字とは特定の文字列を一文字で表すもの。
セリフ体の欧文書体で黒い玉がぶつかるのを解消するため使用するのがルールだそうです。
合字については下記をどうぞ。

デザインの現場 小林章の「タイプディレクターの眼」 : 合字(1)
http://blog.excite.co.jp/t-director/10495925/

IEで文字コードがUTF-8からSJISに勝手に変わる

他にもIE6では文字コードの宣言の前に日本語がきたりすると正しく動作しない場合があります。


(下記のような例)
<html>
<title>日本語</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />


この問題を解決するためには文字コードを日本語より前に記入する必要があります。


また、サーバーで文字コードの吐き出しをSJISに設定している場合なども、
IEではうまく認識してくれません。
今回はある特定のページのみUTFだったので、そのページ専用のフォルダを作成し、
そのフォルダ内のみhtaccess、phpiniで文字コードの設定をUTF8にして対応しました。

FireFoxがよく落ちる方へ

FireFoxが、ブラウジング中に頻繁に落ちるという人の解決方法です。

続きを読む: FireFoxがよく落ちる方へ

JavaScriptのデバッグ方法

プログラムの誤りを修正する作業を「デバッグ」といいますが、JavaScriptのデバッグの「始め部分」を紹介します
なんか上手くJavaScriptが動かないときに試してみてください

続きを読む: JavaScriptのデバッグ方法
New Entries
8  9  10  11  12  13  14  15  16  17  18

Webトレンド情報局とは

クリエイティブグループスタッフがお送りする、Webデザイナーのための知識とTIPS。 PhotoShopの便利な豆知識や、CSSのお困り解決、デザイン概論などなど。
【隔週木曜日更新】

運営会社:株式会社ジーピーオンライン

RSSを購読する

Monthly Archive


Warning: MagpieRSS: Failed to fetch http://lab.gpol.co.jp/trend/atom.xml and cache is off in /usr/home/aa218u55sc/html/magpierss/rss_fetch.inc on line 240

Warning: Invalid argument supplied for foreach() in /usr/home/aa218u55sc/html/graine/footerrss.php on line 36

Warning: MagpieRSS: Failed to fetch http://lab.gpol.co.jp/tsubo/atom.xml and cache is off in /usr/home/aa218u55sc/html/magpierss/rss_fetch.inc on line 240

Warning: Invalid argument supplied for foreach() in /usr/home/aa218u55sc/html/graine/footerrss.php on line 36

Warning: MagpieRSS: Failed to parse RSS file. (Mismatched tag at line 89, column 8) in /usr/home/aa218u55sc/html/magpierss/rss_fetch.inc on line 240

Warning: Invalid argument supplied for foreach() in /usr/home/aa218u55sc/html/graine/footerrss.php on line 36