下のボックスに、縦書きにしたいテキストを入力して「変換!」をクリックしてください。 縦書きレイアウトのhtmlを生成して、ソースとプレビューを表示します。 認識するhtmlタグは以下の通りです。 <b> 〜 </b> ：強調 (太字) <i> 〜 </i> ：斜体 <h1> 〜 </h1> , <h2> 〜 </h2> , <h3> 〜 </h3> , <h4> 〜 </h4> , <h5> 〜 </h5> ：見出し リターン(エンター)キーを入力した場所で改行されます。 あなたのページに、スタイル定義ファイル "tate-style.css" を設定してください。 詳しい使い方、スタイルファイルの設置方法などはつくりかたページをご覧ください。 文章を入力： ☆基準フォントサイズ：pt ☆1行の文字数：文字 そして…
CSSハック一覧 - IE, Firefox, Safariなどなど異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ Internet ExplorerIE6 以下#help_me { _color: blue; } * html #help_me { color: red; } IE7*:first-child + html #help_me { color: red; } * + html #help_me { color: red; } IE6, IE7#help_me { /color: blue; } IE8#hel
案件でプルダウンメニュー（メニューA）を実装した際に、左袖のローカルメニュー（メニューB）でも入れ子の実装をしていたために起こったバグ。メニューAがメニューBの背景に潜り込んでしまう。単純にCSSでz-indexをメニューBよりAの値を大きくすれば問題なさそうだけど、IE7で不具合。z-indexが効かない。IE7のz-indexにはこういう不具合があるらしい。 IE7限定なんだろうけど、z-indexは同一階層間での重ね順の前後を指定するもので、 グローバルに前後を指定するものではなかった komacchi.com/blog ググると色々解決策は出てくるが、どれもしっくりこない。海外サイトでjQueryを利用した解決策を発見し、無事解決。JavaScript上でz-indexをすべてのdivタグに設定しておけばバグは解消されるらしい。 $(function() { var zInde
font size line height color weight letter space text aligh 1ユニットの文字数 ユニット数 bgcolor ジョバンニが学校の門を出るとき、同じ組の七八人は家へ帰らずカムパネルラをまん中にして校庭の隅（すみ）の桜（さくら）の木のところに集まっていました。それはこんやの星祭に青いあかりをこしらえて川へ流す烏瓜（からすうり）を取りに行く相談らしかったのです。 けれどもジョバンニは手を大きく振（ふ）ってどしどし学校の門を出て来ました。すると町の家々ではこんやの銀河の祭りにいちいの葉の玉をつるしたりひのきの枝（えだ）にあかりをつけたりいろいろ仕度（したく）をしているのでした。 家へは帰らずジョバンニが町を三つ曲ってある大きな活版処にはいってすぐ入口の計算台に居ただぶだぶの白いシャツを着た人におじぎをしてジョバン ニは靴（くつ）をぬいで上りま
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。 左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
