css

Twitter社の新フレームワーク「Bootstrap」

0

IDEA*IDEAさんのサイトでなかなか面白そうなフレームワークが紹介されていました。


デザインが苦手なWebサービス開発者に朗報!今風のデザインがさくっと作れる『Twitter Bootstrap』が凄まじく充実している件

Twitter社が提供しているCSSで作られたフレームワークで使い勝手がいい感じなのですが、導入がやや面倒だったので少し紹介したいと思います。
(さらに…)

長すぎるタイトルを途中で改行したい。

0

現在Wordpressでサイドバーに記事やらなんやらの一覧を出力しています。
その際に例えば【ゴーゴーウェブマーケット 技術ブログ】だと長すぎて改行されてしまうのですが、その改行の位置がいまいち悪い。
ゴーゴーウェブマーケット
技術ブログ
と改行してくれればいいものの
コーゴーウェブマーケット 技
術ブログ
等収まりの悪い場所で改行されて困っています。

とりあえず改行操作にはcssでword-breakを設定すればいいとこのことで設定。上手くいかない。Firefoxdではだめっぽい。
を挿入すればいいという話をみて試そうとするもタイトルはthe_titleで自動で出力されるわけで、を追加できない。
そこで

$br_title =  preg_replace('/( | )/',"<wbr>",get_the_title());

のように半角及び全角スペースをwbrに置換してタイトルを出力することに。
しかしうまくいかない。いや置換はされるんですが希望のところで改行されない。むしろ改行されなくなった(まあnobr設定してるのだからwbrがきいてないなら当たり前ですが)
さてさて・・・どうしたものか。

TABLEタグを使わずに、表を作るサンプルCSS

0

テーブルタグは使うとソースがわかりにくくなるのでできるだけ使いたくない。
データをリストで表示してそれをCSSで表組みできないかと色々試した自分用サンプル

(さらに…)

Go to Top