Skip to content

Tag Archives: css

CSS :: font-size, letter-spacing, line-height 継承テスト

28-6 月-08

モジラで懺悔の続きかも（笑）。ていうか、こんなところに、昔のトラウマが。。（笑）。これ、こっちに移してこようかなあ。
まあ、それはさておき。今回は、fontまわりの継承テストです。検証対象は、Firefox2, IE6, IE7です。Operaは時間があったら、見てみよう。。

Filed in css | Also tagged | Comments (0) »

sup, sub の位置を調整する

23-4 月-07

たとえば、平方メートルなどの単位を書くときに、
1500m<sup>2</sup>などとすると思うのだが、これがFirefoxでうまい具合に表示されず、「2」がだいぶ上の方にレンダされる。これを調整してみる。

Filed in css | Also tagged | Comments (1) »

IE pre のコワイ現象

04-3 月-07

し、知らなかった。今まで。。
pre要素でマークアップすると、一行が長くなることがあるので、cssで、overflow:”auto”にすると、スクロールが出るんだけど、IEは、それが効かず、長いものは、長いまま表示してくれる。で、そのため、結果的にレイアウトを破壊することに。。
preをdivで囲むとか、tableで囲むとか、回避方があったがそれはしたくない。そんなわけで、IEには、例のハックで、
pre {
line-break:strict;
word-break:break-all;
word-wrap:break-word;
}
を定義してみたが、どうだろう。。これだと適当なところで、改行すると思うんだけど。。（適用したのはこのブログじゃなくて別のサイト…うぅあとで、このブログにもやっておかないと…）。
で、なんかMacIEだとスクロールバーで文章が見えなくなるとかなんとか。。

Filed in css | Also tagged | Comments (0) »

さくらインターネットでの運用（20）力業（？笑）３階層メニュー

22-9 月-06

nmoxさんの階層メニュー
こちらを複数個利用させて頂き、私の頭でやれる範囲で
３層メニューを表現してみました。
まず、どうしたいか。なのですが。
コンテンツメニューをこんな風にしたいです。
（大カテゴリ、子カテゴリなどは、便宜上、私が勝手に
呼ぶものです）
大カテゴリ１
　子カテゴリ１
　　　話題１
　　　話題２
　子カテゴリ２
　　　話題１
　　　話題２
大カテゴリ２
　子カテゴリ１
　　　話題１
　　　話題２
　子カテゴリ２
　　　話題１
　　　話題２
…略
自分のサイトに照らし合わせると
小説（大カテゴリ）
　Final Decision 起実（子カテゴリ）
　　　宇宙（話題）
　　　サウンドメッセージ（話題）
　　　創成（話題）
　笑いの間合い（話題）
　時空間奇縁伝（話題）
ＣＧ（大カテゴリ）
　ともくん日記（話題）
　メグメグ！（話題）
　ZENWARE（子カテゴリ）
　　　ZenLiner Tutorial（話題）
　　　ZenLiner Gallery（話題）
…こんな感じでしょうか。。
nmoxさんちの階層メニューは、lib-custom.phpに
追記する関数として提供されていますので、それを
大カテゴリの数分コピーします。
（うちは、大カテゴリが4つなので４個）。
そして、その４つのそれぞれの以下の部分に
4つを区別する文字列を追記します。
function phpblock_nmoxmenu(){
global $_CONF,$_TABLES;
$retval=”
<ul class='nmoxmenu'>";
↓
function phpblock_nmoxmenuX(){
global $_CONF,$_TABLES;
$retval=”
<ul class='nmoxmenu mX'>";
function phpblock_nmoxmenuX(){
関数が区別出来ればなんでも良いと思いますが、
わかりやすいように、1～4を振りました（Xのとこ）。
<ul class='nmoxmenu mX'>";
こちらもなんでもいいのですが、m1～m4を振りました。
それから、話題IDの先頭３文字を、class名として
書き出すように、以下を追記。
…略
//指定カテゴリーが開いている状態のカテゴリー
$str = $rc["tid"]; // 追記
$strsub = substr($str, 0, 3);　// 追記
$retval.=”
<li class='open ".$strsub."'> //”.$strsub.” を追記
…略
//指定カテゴリーが閉じている状態のカテゴリー
$str = $rc["tid"]; // 追記
$strsub = substr($str, 0, 3); // 追記
$retval.=”
<li class='close ".$strsub."'> //”.$strsub.” を追記
…略
//インデックスが存在しなければ、単発メニュー
$str = $rc["tid"]; // 追記
$strsub = substr($str, 0, 3); // 追記
$retval .= ”
<li class='only [...]

Filed in geeklog | Also tagged | Comments (0) »