html備忘録

htmlの備忘録。調査結果を忘れないように記載。

エラー改善:IEだけ表の行リンク()が機能しない

エラー改善:IEだけ表の行リンク(<tr data-href=”hoge”>)が機能しない 前記事に引き続きIEだけできないシリーズ。 今回はtableの行に対してリンクを張る<tr data-href=”hoge”> です。 こいつ結構便利で、MySQLでレコードをテーブルに流して行リンク貼ると記載文字数を大きく減らせます。 なので多用していたのですがIEで見てみると動か […]

エラー改善:IEでだけプルダウンメニューが動かない!

IEでだけプルダウンメニューが動かない! 某企業さんのWEBサイト(商品検索ができる商品DB内蔵の企業ページ)を行っている今日この頃。 そんな中、プルダウンメニューが反応しないという事態に遭遇しました。 それもIEだけ。 私の標準ブラウザはchromeなので全く気付いてませんでした。 念のためFireFoxとかOperaとかでも確認。 やっぱり想定外の動きをするのはIEのみです。 結論JSの読込に […]

AMPエラー:colの許可されてない属性

colの許可されてない属性って何? 結論から言うと、 colタグでwidthを記載する事はAMPのルールに反するらしい。 1か月前の自分の記事を否定する事になるとは夢にも思わなかった…。 あの時はいい書き方を教えてもらったと思ったんだけどなぁ。 そもそもAMPって何? GoogleさんとTwitterさんを中心に決めたHTMLなどの記載ルールです。 T:「これからの情報受信端末はモバイ […]

ツール備忘録:ExcelをHTMLに変換する方法

Excelの表をHTMLに変換したい このブログをはじめて最も苦戦したのが表の作成でした。 PHPやPythonに触れ、プログラムを覚えてからは表の作成はループ処理で行うことがほとんど。 tdタグの数を数える作業がこれほど進まず苦痛だったとは…。 この苦行から逃れるため「絶対に何か方法はあるはず!」と考え調査してみる事にしました。 変換に使うサンプルはWowma!のCSVファイルで照会 […]

HTML テーブルがはみ出さない為のタグと設定方法

テーブルタグの幅を整える方法 PHPなどのプログラムで表を作ってしまうと td タグ全てに style=”width:10%;” なんて書込む芸当が出来てしまいます。でもコードを見るとやっぱり美しくない。きれいなコードの方が後々のメンテナンスでも工数が少なくて済みます。 テーブルをはみ出させない為の決め事 テーブル自体のサイズを%で指定 列ごとに%で幅を指定 文字の折り返し […]

文字サイズの表記と大きさ

文字サイズの指示タイプ 文字のサイズ指定には様々な方法がある。 ついつい忘れてpx指定ばかりになるとページによってバラつきが出て統一感がなくなる事も…。 実際のサイズを見るためにも備忘録としてまとめる。 文字サイズの記載方法 CSSでの指示と呼出し(外部CSSファイル size.css に記載した場合) [crayon-5f9514ed6642c691462419/] [crayon- […]