2010/6/10 木曜日 – 4:05:03

(
1)

(
0)

(
0)

(
0)
Total: 1
先日、授業を担当しているクラスに、
「好きな事のレポをアップする」宿題を出したところ、
どれも良かったのでまとめてみました。
Read More »
タグ: DH, jQuery, SBM, まとめ, レポート, 授業
2010/5/10 月曜日 – 3:36:53

(
0)

(
0)

(
0)

(
0)
Total: 0
HTML5+CSS3に手をつけててハマったのでメモ。
3カラムのボックスを横並びにしようとして、CSS3の display:boxを使ってみたら親要素を中央寄せできなかった。
環境はMac / Firefox 3.6.3。
ちなみにSafari4では大丈夫でした。
HTMLはこんなの。
<div id="container">
<section>左</section>
<section>中</section>
<section>右</section>
</div>
CSSはこんな感じ。
#container {
display :box;
margin: 0 auto; /* ←これが効かない */
width: 900px;
}
#container section {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 300px;
}
こう書いたらうまく 3カラムの真ん中寄せができました。
body{
text-align:center; /* ←Firefox用 */
}
#container {
display :box;
margin: 0 auto; /* ←Safari用 */
width: 900px;
text-align:left; /* ←Firefoxのテキストを左寄せに戻す */
}
#container section {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 300px;
}
解決策は、親要素の親要素(ここではbody)にtext-align:center を指定するだけだった。
まとめると、
- display :box を指定した要素は Firefoxでは寄せに関しては、inline-box的な振る舞いになるっぽい?
- display :box を指定した要素の親要素に text-aling:center を指定すれば真ん中寄せになる
- display :box で text-aling:leftを指定してテキストの寄せを戻しておく。
ってことみたい?
タグ: CSS3, Firefox, HTML5, MAC, メモ
2010/5/3 月曜日 – 13:32:21

(
0)

(
0)

(
0)

(
0)
Total: 0
PHPで簡単に画像を操作・編集できるライブラリ Asido(0.0.0.1a) をCoreserver使ってみたのですが、なぜかGIFのリサイズした画質が悪かった。
(たぶん、PHPではImageMagickは使えずGDしか使えないのが原因?)
ソースを見て一部変更するだけで画質が上がったのでメモ。
画質比較
▼元画像(w302px × h228px)

▼AsidoでGIFリサイズの書き出し比較
Asidoデフォルト
( imageCopyResized() ) |
Asidoカスタマイズ
( imageCopyResampled() ) |
Fireworksでリサイズ |
 |
 |
 |
Read More »
タグ: ナストマくん, 書いてみた
2009/12/23 水曜日 – 16:07:45

(
3)

(
0)

(
1)

(
0)
Total: 4
久々のブログです。
先日公開した、福岡市博多区に現在売り出し中の税理士「河上康洋税理士事務所」の紹介です。
CGFMが企画から構成・デザイン・制作を行いました。

河上康洋税理士事務所
Read More »
この投稿にタグはありません。