htmlに関するn-u-kiのブックマーク (4)

  • floatを解除する手法のclearfix と 次世代のレイアウトの話

    floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな

    floatを解除する手法のclearfix と 次世代のレイアウトの話
    n-u-ki
    n-u-ki 2013/06/22
    最近のウェブデザインの方法。そろそろ古いブラウザは切り捨ててスマホ対応とか考えるかな。
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    n-u-ki
    n-u-ki 2010/06/01
    データバインド機能をimgタグに適用
  • データバインド機能 - とほほのWWW入門

    データバインドとは、CSVファイル(カンマで区切られた値ファイル)に記述されたデータを簡単に、Webページに表示したりする機能です。Internet Explorer 4.0 からサポートされています。 https://msdn.microsoft.com/library/bg182625(v=vs.85).aspx まず、以下の内容のファイル(test1.csv)を作成してください。 Tanaka,19,Tokyo Hamada,32,Osaka Suzuki,26,Chiba また、次の内容の HTML ファイル(test1.htm)を作成してください。 <html> <head><title>データバインド</title></head> <body> <object id="ID1" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A8

    n-u-ki
    n-u-ki 2010/06/01
    IEのみの対応で良ければ簡易的なデータベース機能が簡単に実現可。
  • エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)

    STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名: " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名: 列数  : クラス名に列数を追加する。(nrow0, nrow1,,)

  • 1