タグ

cssとHTMLに関するkyaidoのブックマーク (29)

  • IE8互換モードについて - Japan IE Support Team Blog - Site Home - TechNet Blogs

    Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find

    IE8互換モードについて - Japan IE Support Team Blog - Site Home - TechNet Blogs
  • シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)

    Crescent Eve はシンプルなエディタです。 こだわりの基機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ~ HTMLを書く道具 ~ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう!」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を

  • 横並びの画像を均等配置する | ヨモツネット

    横並びの画像や inline-block の要素を、均等配置 (justify) にするための CSS コードです。 IE 6, Firefox 2, Opera 9.6, Safari 3 で意図したとおりに表示されることを確認しました。 動作確認用の demo 説明 以下のようなコードを準備します。 HTML のソースコード例 <ul class="images"> <li><img src="img01.png" width="100" height="100" alt="" /></li> <li><img src="img01.png" width="100" height="100" alt="" /></li> <li><img src="img01.png" width="100" height="100" alt="" /></li> </ul> この HTML ソースコ

  • vertical-alignの値 | warikiru

    2008-01-04 vertical-alignの値 ラベル: css, memo 自分だけかもしれないけど、 vertical-alignって数値指定(1pxとか-2em)できるんだね。 知らなかった。。。 いつも、top, middle, bottomしか使わなくて、画像によっては微妙にずれたりして、 歯がゆい思いしてたけど、数値で指定すれば問題なしですね。うまいことできてるわ。 ので、サンプル作ってみた。 数値はプラスでもマイナスでもOK。 基準はベースラインからどんだけ離れているか。 パーセント指定はline-heightから算出される。 投稿者 t32k 場所 20:40 はてなブックマークに追加 del.icio.usに追加 0 コメント: コメントを投稿

  • first-childっぽい効果をネガティブマージンで実現 | Takazudo Clipping*

    first-childっぽい効果を、first-childや、余分なclass付加なしで実現しようという話です。すごい地味Tipsですが・・・。 例えばこんなものを作りたいとします。 リストの間に線が入っているというデザイン。コレを組むときにどうするか。こんな感じでul / li で組むとして、borderを上か下につけようとか思っていた場合、最初か最後についてしまう、余分なボーダーをなんとかせねばならぬ。 <ul> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> </ul> まず、考えられるのは、liの上にborderをつけ、li:first-childで、最初のリストだけborder-top:none;などを指定して、何とかする方法。しかし、IE6はfirst-

  • HTMLクイックリファレンス

    この記事では、日人客向けに運営されている信用できるおすすめオンラインカジノを厳選して紹介し、それぞれの特徴やメリット・デメリットを徹底解説していきます。 オンラインカジノ初心者の方のために、お得に楽しめるオンカジの選び方やカジノの始め方、入金不要ボーナスの詳細などについても分かりやすく解説していきますので最後までしっかり読んでからオンラインカジノを選びましょう。 当サイト限定の最新版!おすすめオンラインカジノ人気ランキング一覧 最新のおすすめのオンラインカジノランキング一覧は以下の通りです。

  • 要素を常に画面の中央に配置 - lucky bag

    これまた使い道があるのか微妙なんだけど、要素を常に画面の垂直、水平の中央に固定して配置させてみる。(X)HTML は下記のものを使用。 <div id="container"> <img src="q.jpg" alt="Q-car" width="120" height="160" /> </div> 適用する CSS は下記の通り。ポイントは、要素の幅と高さそれぞれの半分の値をネガティブマージンで指定すること。 #container { position:absolute; width:120px; height:160px; left: 50%; top: 50%; margin-left: -60px; margin-top: -80px; } んでもって、実際のサンプル。ウィンドウ幅を縮めたり広げたりしても、画像が常に中央に固定されているはず。 centering.html あ、

  • Firefoxでフッター(footer)の下に隙間ができる | @blog.justoneplanet.info

    ■原因として考えられるもの clearfixハック ■解決策(CSSソース) .clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;/*これで解決させる*/ } とする ■解説 afterでコンテンツ(上記の場合は『.』)を追加した分、(hight:0であるが)内部的に高さが増す。フッターにclearfixハックを使っている、もしくは他の要素でclearfixを使い内部的に高さが増した量よりフッターの高さが小さい時にフッタの下に隙間が出来るが、上記のafterで追加した要素のフォントサイズを0にすることにより、追加した要素の高さを完全に0にする。 ■追記 但し、スパムとみなされる可能性もある気がするので、フォントサイズはかなり小さめ

    kyaido
    kyaido 2009/06/22
    フッターの下に隙間ができる
  • CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU

    DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser

    kyaido
    kyaido 2009/06/22
    min-height