Web製作メモ帳

Web制作で気づいたことをつらつらと

HTML

箇条書きのアイコンはCSSを使って指定するのが便利

箇条書きをする時に文字の左にアイコンを置きたい時に最も楽な書き方は、 <img src="hogehoge.gif" height=11 width=11> テキスト みたいにIMGタグを使って書く方法です。(height、width属性は省略可能だが付けないと表示が遅くなるので付けたほうがいい。)1個だけならこれで十分ですが、これを何個も…

Google Crome で表示した時のタグ属性の落とし穴

私が運営しているページで、スタイルシート(CSS)の floatプロパティを使って要素を右寄せをしているページがあり、FirefoxやIEではちゃんと float を付けたタグの中身が右寄りに表示されて、その後の要素がその左に表示されるのだが、Google Cromeを使ってそ…

CSSだけで作れる吹き出しボックス

画像を一切使わずにCSSだけで吹き出しボックスを実現できるという技を発見したのでメモ。 これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌 これは便利そうなので今度試してみよう。画像を使って吹き出しとかそういう中の文字と連動したデザ…

Javascriptも画像ファイルも使わずにボタンっぽく見せる方法

Webページ上のリンク等で、リンクボタンもしくはリンクテキストの上にマウスカーソルを持っていくと見た目が変わるようなページってあるよね。そういうページって大体はJavascriptと画像ファイルを駆使して作成されている(もしくはflash等のもっと高度な…