[css][html] divでtableを作る tableの行全体をリンクにする divの高さとborder-bottomを揃える display:table-cellは神です。
[css][html] divでtableを作る tableの行全体をリンクにする divの高さとborder-bottomを揃える display:table-cellは神です。 スマホ用のサイトを作っててすんげーハマった。 何にハマったって、こういう２列のリスト（表）を作り、さらに行全体をクリックしてリンクに飛ぶようにする。 コレ、生半可なことじゃできないんだね〜。 調べると display:block; にするとブロック全体がリンクされるって言うけど、これを表の中にある行にするってのが・・・。左右の列、セルの高さを揃えないといけない。全然できない。揃わないったら揃わない。 <table> → display:block;とするとリンクがセル単位になってしまう（行単位じゃない）。 <ul><dl> → ブロック全体以前に、左右の列の高さが変わるとborder-bottomがずれて表にな
Haskell製のMarkdownをHTMLやLaTeXに変換できるPandocのインストールとサンプル - 三等兵
Haskell製のドキュメントコンバータ。markdownをhtmlにしたりLaTeXにしたりっていうことができるやつ。変換できる形式が多い。便利だ。 いろいろできてすごいんだけどオプションも多め。さすがに全部はめんどくさいけど調べてみた。 インストール 詳しいことはここに書かれている。 Pandoc - Installing pandoc だいたいのOSに対応しているみたいなんで誰でも試せる。 MacのHomebrewでインストールする Homebrewでインストールした。といっても、Pandocはformulaが用意されていない(npmでも用意されていないのと同じ理由らしい)ので、いま話題のhaskell-platformを通して、それからcabalを使ってインストール。 % brew install haskell-platform % cabal update % cabal in
見落としがちなHTML5で変更された要素いろいろ
2013年3月23日 HTML, Webサイト制作 HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね！ ↑私が10年以上利用している会計ソフト！ HTML5の基本はここからお勉強！ 「ところでHTML5ってなに？」という方は、まずは以下の記事を読んでみてください。このようにHTML5の基本について解説している記事はたくさんあるので、詳しい説明は今回は端折らせて頂きます。変更点のみに焦点を当てますよ！ Webの3つの問題を解決する「HTML5」とは何な
Twig for Template Designers - Documentation - Twig - The flexible, fast, and secure PHP template engine
Synopsis A template is a regular text file. It can generate any text-based format (HTML, XML, CSV, LaTeX, etc.). It doesn't have a specific extension, .html or .xml are just fine. A template contains variables or expressions, which get replaced with values when the template is evaluated, and tags, which control the template's logic. Below is a minimal template that illustrates a few basics. We wil
sasapurinのブログ: HTMLタグを無効にする
htmlタグを自分の記事に書きたい載せようと思ったら、タグが働いて思い通りに表示出来ません。 ようやくその方法を覚えたので記録しておきます。 「<xmp></xmp>」というタグで囲めば、その間のタグ記述は無効になる様です。 <xmp>xmpのテスト</xmp> 「<xmp></xmp>」自体を表示させる為には、もう一つの手を使うことになります。 「 」を「 > 」に置き換えてやれば良いのです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://lint.brihten.com/html/
Google ガジェット API - スタート ガイド
