Html&CSS」カテゴリーアーカイブ

HtmlとCSSについて

アンドロイドのchromeで表示が崩れる。viewportの設定ミスが原因

 アンドロイドスマートフォンにデフォルトで搭載されているブラウザ(chrome 42.*)ページを表示すると、画像やテキストの表示がおかしくなる現象がありました。他のブラウザ、古いアンドロイド(chrome)は問題はあり … 続きを読む

カテゴリー: Html&CSS, ホームページ作成 | コメントする

HTML videoタグの検証

 HTML videoタグの検証ページを作成しました。スマートフォン、iphone、各種ブラウザのバージョンアップしたときなどに、videoタグがどのような挙動を示すかチェックするために作りました。動画のファイル形式は、 … 続きを読む

カテゴリー: Html&CSS, ホームページ作成 | タグ: | コメントする

CSSの優先順位

 CSSのセレクタ種類による優先順位についてまとめました。セレクタにはそれぞれ優先順位を決めるポイントが設定されています。(下のテーブル)そのポイントがより多いセレクタのスタイルが優先的に読み込まれるようになっています。 … 続きを読む

カテゴリー: Html&CSS, ホームページ作成 | タグ: | コメントする

自分のLINEアカウントのURLをつくる

 LINEのちょっとした裏技です。自分のLINEアカウントをURLにする方法です。URLをクリックすると、LINEの「友達追加」画面を表示され、一発でLINEの登録ができます。一度にたくさんの友達に登録してもらいたいとき … 続きを読む

カテゴリー: Html&CSS, Web サービス, ホームページ作成 | タグ: | コメントする

インラインフレーム(iframe)の背景を透過する

 iframe内ページの背景について、一部のブラウザ(ie8、オペラ)ではデフォルトで背景が透過されません。透過させるには、iframeタグとフレーム内のページのbodyにコードの追加が必要になります。

カテゴリー: Html&CSS, ホームページ作成 | タグ: | コメントする

簡単 CSSプルダウンメニュー

cssだけで作ったプルダウンメニューのサンプルです。良かったら使ってください。

カテゴリー: Html&CSS, ホームページ作成 | コメントする

PIE.htcを使い、IE6,IE7,IE8でCSS3の角丸を表示する

 PIE.htcを使うとIE6,IE7,IE8でCSS3の「角丸」などが使用できます。実際に使って見ました。使うことができるプロパティは下記の5種類になります。 border-radius(ボックスに角丸をつける) bo … 続きを読む

カテゴリー: Html&CSS, ホームページ作成 | タグ: | コメントする