HTML

safariでのcssデバッグ

CSSを編集していてsafariだけ上手くいかないってことがあるとき、 #foo { border-width: 1px; border-style: solid; border-color: #ff0000; } #bar { border-width: 1px; border-style: solid; border-color: #00ff00; } という感じであやしい部分にボーダ…

hrでFirefoxをだます

入れ子の領域がちゃんとFirefoxで認識されない場合の解決方法。 <div id="main"> <div id="left"> .... </div> <div id="right"> .... </div> </div> とある場合、mainの領域はleftとrightを包含したものを期待しているのだが、Firefoxではそうなってくれない。 <style type="text/css"> hr { clear: left; visibility: hidden; height: 0px; margin: …

margin: auto; でのセンタリングについて

cssのmargin: auto;とdiv要素を用いてwindowを最大化したときにセンタリングさせる場合、DTDがxhtmlか、html4.01でIE6.0の挙動が違う。Firefox 2.0 は問題なし。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> </head></html>

OpenSearchDescritionの続き(最後)

http://d.hatena.ne.jp/kazuokohchi/20070309#1173435564 のさらに続き。検索エンジンにnamazuを使っているとIEではどうしても文字化けしていた。結局以下のようにする。 opensearchdescritionのxmlで、以下のように指定。 <Language>ja-JP</Language> <OutputEncoding>EUC-JP</OutputEncoding> <InputEncoding>UTF-8</InputEncoding>

OpenSearchDescriptionの続き

http://d.hatena.ne.jp/kazuokohchi/20061031で書いた方法では文字化けがおきる場合がある。たとえば、EUC-JPで構築したnamazuを指定したい場合は、 <Language>ja-JP</Language> <OutputEncoding>EUC-JP</OutputEncoding> <InputEncoding>EUC-JP</InputEncoding>を追加すること。ただし、IE7ではうまく行かない。namazu側でなんとかするしかないのか…

はてなダイアリーのスーパーpre記法

http://d.hatena.ne.jp/hatenadiary/20061215/1166155734 これ、前からほしいと思ってました。多謝。 ruby class Foo def bar nil end end html <html> <head> <title>test</title> </head> <body> <p>test</p> </body> </html> さあどうだ?

iframeタグを使わないでインライン表示

http://phpspot.org/blog/archives/2006/11/iframehtmlhtml.htmlに書いてあった方法。 <html> <head> .... <script language="JavaScript"> -1 ? true : false; } function fake_iframe(html, w, h) { if (isIE()) { document.write('</head></html>

子要素の扱い(CDATA)

<item> aaaaa<a href="bbb">BBB</a>ccc ]]> </item>というxmlがあると、Firefoxでは、itemの子要素として、 #text #cdata-section #text と認識してくれる(IEでは#cdata-sectionだけ)。つまり、ちゃんと改行コードも#textノードとして認識してくれる。どっちがいいのかは判断できないが、こ…

CSSでのmedia指定

こんなのがある。 .... <link rel="stylesheet" type="text/css" href="foobar.css" media="screen"> .... foobar.css .... @media print { body { font: 10pt serif } } @media screen { body { font: 12pt sans-serif } } @media screen, print { body { line-height: 1.2 } } ....media="screen"となっているのがあって、 どおりで</link>…

XSL勉強中

子供要素がなく、その属性だけを取得したい場合、 <xsl:template match="要素"> <xsl:value-of select="@属性" /> </xsl:template>としても、該当部分に「マッチ」してくれないみたい。で、ルートノードの全要素が対象になり、結局ルートノード全要素の値を取得してくれる。こういうのってどうしたらいいのだろうか? いろいろやってみ…

CMSツール

CMSを探しているのだが、googleで、散々検索してみたけど、要件に見合うものはなかなか見つからない。ちなみに要件は以下の通り。 フリー/オープンソースであること。 静的ファイルを作成できるタイプであること。 複数ユーザで編集ができ、公開権限なども設…

formのmethod属性

http://blog.livedoor.jp/dankogai/archives/50512214.htmlを読んでいて、目から鱗だった。formのmethod属性に指定する"multipart/form-data"はファイルのアップロードのときに指定するものだと思いこんでいたのだが、 あとこれを見るとお気づきだと思います…

溢れた文字を隠すCSS

gmailのメール一覧において、タイトルとその内容が表示されているのだが、ウィンドウサイズでちゃんと表示が隠れるのに昨日気がついた。どうしているのだろうと思ってソースを見てもJavaScriptを呼んでいることぐらいしかわからないので、ここで実験。 pre.t…