HTML CSS イメージ要素の隙間について

2010年08月05日（木）

イメージ要素の隙間についてはいつも

#sample img {
 display:block;
}

として回避していましたが、

#saple img {
  vertical-align:bottom;
  height:100px;
}

とするやり方もあるようです。

heightは無理にいれなくてもよさそうです。
imgを強引にblock要素にするよりは素直っぽいです。

これからはvertical-align:bottom;を使っていきます。

勉強になりました。

Tags: , , ,
カテゴリ:CSS, HTML | Comments Closed

関連記事

HTML5 oggのエンコーダー

2010年06月10日（木）

HTML5のvideoで、oggのエンコードもしなきゃだなあ、統一してくれないかなと思ってますが
やはり、oggのエンコーダーをいれておかねばと思い入れました。
エンコーダーとはいえQuickTimeのコンポーネントです。

http://www.vorbis.com/

ここで「XiphQT」をダウンロードして、/ライブラリ/QuickTime　に入れました。
これで動画のエンコードもできるようです。

Tags:
カテゴリ:HTML, HTML5 | Comments Closed

関連記事

HTML　ページ全体のファイル容量を確認したい

2010年05月12日（水）

イメージやら、CSSやら、JSやら読み込んでいるモノ全部含めて
ページ全体のファイル容量を確認したいっておもってましたが
こんなサイト見つけましたので貼っておきます。

Site24x7 – Online tool to analyze webpage and its objects
http://site24x7.com/web-page-analyzer.html

他にもありそうです。

カテゴリ:HTML | Comments Closed

関連記事

HTML5 canvas一歩め

2010年04月30日（金）

ちょっとhtml5ってみました。
初めてなのでdoctypeやmetaもあわせていってみます。
ローカル環境でうごかせるようにjQueryはダウンロードしてきてます。
head内にスクリプトを書くとcanvasタグがねえよっていわれるので
jQuery.ready()でDOMツリー完了後に書いてます（onloadつかえばいいのに)。
それだけのためのjQueryです、今回は。

<!doctype html>
<html>
<head>
<meta  charset="utf-8">
<title>fillRect
<script type = "text/javascript" src = "../../jQuery/jquery-1.4.2.min.js">
<script type = "text/javascript" src = "fillRect.js">
</head>
<body>
test
</body>
</html>

fillRect.js

$(function(){
	var canvas=document.getElementById("canvas1");
	var context=canvas.getContext("2d");
	context.fillRect(0,0,150,100);
});

Tags: , ,
カテゴリ:HTML5, canvas | Comments Closed

関連記事

HTML5　やっぱりすごいねこれ。

2010年04月27日（火）

オープンな規格なのがいいですね。

すでに色んなサイトで説明やチュートリアルがあります。
いままでjsを使えば出来たようなことができるだけだとつまんないんですが、html5はそうでもないみたいです。

Web Databaseってのが気になりました。

感想だけ！

Tags:
カテゴリ:HTML5 | Comments Closed

関連記事

HTML　コーディング高速化

2010年02月12日（金）

普段何気にやっている作業でも、効率化の為色々と考えなければいけませんね。
当然ですが。

http://h2o-space.com/blog/1929

カテゴリ:HTML | Comments Closed

関連記事

htmlのmetaでキャッシュ制御

2010年01月05日（火）

metaでキャッシュ制御を行う場合は、以下の記述をするらしいです。

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT">

httpヘッダで行う場合は

Pragma: no-cache
Cache-Control: no-cache
Expires: Thu, 01 Dec 1994 16:00:00 GMT

これを header()でヘッダ出力するカンジでしょうか。

pragmaってなんだろ？？

Tags: , ,
カテゴリ:HTML, PHP | Comments Closed

関連記事

html フォームから画像をアップするときに

2009年11月05日（木）

フォームから画像をアップするときにいつも忘れがちな属性を
メモっておきます。

Tags: ,
カテゴリ:HTML | Comments Closed

関連記事