タグ

Tipsとhtmlに関するsorasemiのブックマーク (12)

  • IE8互換表示にかなりヤラれた件とその解決方法(なんでドキュメントモード指定してるのに反映されないんだろう?) - はるまーきんぐ

    結論*1 metaタグでページ毎にドキュメントモードを設定したい場合、 <meta http-equiv="X-UA-Compatible" content="IE=8" /> はheadタグの直後に書け。 The page could not be displayed - Microsoft Windows IE8 の互換表示について - Windows 開発統括部 Blog - Site Home - MSDN Blogs 事件は会議室で起きてるんじゃない、ブラウザで起きてるんだ! 先日、社内イントラネットサイトが完成したんです。 私「テストとか、よろしくお願いします!」(当は「ご確認お願い致します」と言っています) 先輩「ちょっとちょっとぉ。なんか表が一行しかないのに縦のスクロールバーがでててウザいんだけどー。」(当は「なんでこうなってるのかな?どう?」とかいう優しい感じでした)

  • SSLページでブラウザにセキュリティ警告メッセージを出させないコツ &laquo; DRYOUT プログラマー社員のブログ

    URL が https:// から始まる SSL ページを閲覧すると、希にこんなエラーが表示されてしまう場合や、ブラウザのアドレス バーに鍵マークが表示されない場合があります。 ブラウザ別の警告メッセージ一覧: IE: このページには、安全な HTTPS 接続を使用しないで配信されるコンテンツが含まれており、Wen ページ全体のセキュリティを損なうおそれがあります。 Opera: への接続は保護されていないため、重要な情報を送受信しないでください。サーバーはセキュリティ保護を適用しようとしましたが失敗しました。 Firefox: この Web サイトとの通信は一部しか暗号化されておらず、第三者に盗み見られないようにはなっていません。 これは、警告メッセージからも分かるとおり、SSLページなのにページ内に「非SSLコンテンツ (http://)」が混在していること(逆のパターンもある)が原因

    sorasemi
    sorasemi 2011/02/04
    画像のアドレスが「//」から始まっていますが、「https:」または「http:」をあえて省略することによって、そのページが HTTP 接続でも HTTPS 接続でも、自動的に現在のプロトコルに合わせて読み込んでくれるようになる効果
  • 覚えて良かったCSSテクニック « zaru blog

    ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅:190px マージン:15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7

    sorasemi
    sorasemi 2010/07/08
    高さ指定したボックスの一番下にボタンとかを配置したい。
  • スタイルシートをめぐる冒険: dlを含むボックスに背景画像を指定すると背景画像が繰り返される

    この現象は、あるWebページで、※1~、※2~、※3~というような「脚注」にdlタグを使用したときに発生した。 文と脚注を区切る罫線として、脚注を含むボックスの上部に、二重破線の背景画像(line.gif をx軸にリピート)を指定。ddにマイナスのmargin-topを指定して、dtとddが横に並ぶレイアウトにしたところ、一番上にだけ入るべき罫線が<dt></dt><dd></dd>のセットごとに入ってしまったのである。 [該当するブラウザ] Windows/IE7.0(互換モードのとき)、IE6.0以下 症状 実際にどういうことか、右のスクリーンショットを見ていただこう。これは、IE7.0で表示させたときのものである。 そして、スタイルシートとHTMLは以下のように記述されている。(→サンプルページ1) 【スタイルシート】 body { line-height: 1.5em; } .b

    sorasemi
    sorasemi 2009/02/13
    IEで背景画像が繰り返される時のメモ。そうかdlまで悪さしやがるのか
  • Apupu Australia | The safety needs in every appliance that everyone must look for when buying any kind of machine online in Australia

    The safety needs in every appliance that everyone must look for when buying any kind of machine online in Australia There are multiple features and functions that make up any type of machine that are meant to serve at home. Household machines are usually workable and manageable under various circumstances. We can find machines and household gadgets that come up with lots of variable features that

  • CSS Nite in Ginza, Vol.21 - Archiva

    Make a note of it: Web tech, montaineering, and so on. CSS Nite行ってきました。今回は携帯サイトについて。バックエンドの話もちょろっと出てきて、CSS Niteにしては濃い内容でした。あともう一歩踏み込んでくれれば新鮮な驚きもあったかもですが、やっぱその辺は社外秘っぽいですね。セッションの運用とか。 以下、まとめです。途中で面倒くさくなったので、preタグ貼り付け。 携帯サイトのコーディング事情~基編 @宮永邦彦(アイデアマンズ株式会社) 実例紹介 → 東京モード学園 ・3G携帯のみ対応の先進的なケース 携帯インターネット人口は、パソコンに迫る勢い → パソコン 8,055万人 → 携帯電話・モバイル 7,086万人 (平成18年「通信利用動向調査」/総務省 ) 主な利用者は若年層。学生、女性。 どんなコンテンツが携帯向き?

  • サブミットボタンをイメージにするにわ?

  • メールアドレス収集ロボット対策

    ホームページやBBSにメールアドレスを載せたいけど,メールアドレス収集ロボットに見つかってスパム送られてくるのが怖い.フリーメールを使うのも結局スパム処理に追われてめんどくさい.そんなときにお勧めの方法. [ MEMO ] 掲示板スパムにお困りの方はコチラも参考にしてください。 [ 2006/02/01 ] [ MEMO ] JavaScript でも正規表現を使った強力な置換ができたとは。というわけでスクリプトを簡素化。 [ 2005/11/07 ] 下記のサイトでロボットを使用した収集確認ができるようです。 http://mailrobo.7jp.net/mrobo3.html 世の中にはいろいろな方法があると思いますが、ここのポリシーは 汎用性、誰でもいくつでも、変更も簡単に 機能性、来できること(コピペ、クリックしたらメーラー)を損なわない 突破された

  • Browsershots

    No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of

    sorasemi
    sorasemi 2006/12/27
    さまざまなブラウザで確認
  • DOCTYPE スイッチについての検証とまとめと一覧表 - hxxk.jp

    DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。 標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。 既存の DOCTYPE スイッチ一覧表に "?" ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 ある

  • 角丸ライブラリ - tikeda::Diary:

    最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01:小さ目な角丸 02:大き目な角丸 03:斜線の角丸(背景画像をループ) 04:ストライプの角丸(背景画像をループ) 05:木模様の角丸(背景画像をループ) 06:リボンのついた角丸(背景画像を固定) 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu

    角丸ライブラリ - tikeda::Diary:
  • DOCTYPE 宣言による「解釈モード」の切り替え

    HTML ソースの冒頭にある(べきである) DOCTYPE 宣言を見て、HTMLCSS 解釈の挙動を変えるブラウザがあるんスよ、というハナシ。 「DOCTYPE スイッチ」 DOCTYPE 宣言とわ 各ブラウザの「DOCTYPE スイッチ」状況 関連リンク 「実例編」へつづきます 「DOCTYPE スイッチ」 Mozilla (Netscape6), MacIE5 は「HTML/CSS をその仕様どおりにかなり正しく解釈することのできる高度なブラウザ」と言われてます。しかし、これまでそういうブラウザが少なかったこともあって、巷には「あんまり正しい解釈をしない古いブラウザ」に合わせて記述された HTML/CSS が数多いです。 そういう世の中を、仕様どおり厳格に解釈しまくるだけじゃぁ「アタマが固い頑固者」呼ばわりされかねないので(笑)、Mozilla (Netscape6), MacI

    sorasemi
    sorasemi 2006/05/23
    DOCTYPE 宣言
  • 1