2012年02月10日 web関連

配置した画像に余計な隙間(スペース)が出来る

HTML上に画像を配置したときに、予期せぬスペースが出来るときってありませんか?(画像参照)
単純に配置しただけなのに・・・と思うのですが、そんな時はCSSを以下のように設定することで解決できます。

解決策

CSSファイルに以下の設定を記述する。
img { 
vertical-align: top;
}

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

IE6で透過pngを表示させる。DD_belatedPNG

2012年02月14日 web関連jQuery・javascript
DD_belatedPNG 先日、でも触れましたが、DD_belatedPNGというjavascriptを使って、IE6で透過pngを表示させてみました。 DD_belatedPNGの入手 以下のサイトにいって、DD_belatedPNGをダウンロードします。以下のサイト内を下へスクロールしていくと、左のサイドバーにDD_belatedPNG 0.0.8a releasedというリンクがあり…
「IE6で透過pngを表示させる。DD_belatedPNG」をはてなブックマークに追加

Dreamweaverのソース検索で正規表現を使う

2012年01月23日 web関連
今回は、wordpressからエクスポートした記事のxmlデータを、他のwordpressに入れる際に、xmlにカテゴリやタグが入っていると、新しいwordpressにもカテゴリが全部追加されて、不要なカテゴリが増えてしまったので、それを防ぐために、インポート前のxmlデータからカテゴリやタグにあたる箇所を削除してから、インポートするためにdreamweaverで正規表現を使いました。 Word…
「Dreamweaverのソース検索で正規表現を使う」をはてなブックマークに追加

IE6で透過pngを表示させる方法のメモ

2012年02月09日 web関連
最近は透過pngを上手に使ったサイトも増えてきたので、IE6を気にせずに、透過pngを普通に使って、サイトを作りたいと思ってたのですが、IE6の使用率がゼロでない以上は、やっぱり気になってしまうので、お手軽な方法を調べていたら、詳しくまとめられているサイトを見つけたので、メモしておきます。 個人的に特に気になったのは、「ie7.js」と「DD_belatedPNG.js」です。他の方法は既知のも…
「IE6で透過pngを表示させる方法のメモ」をはてなブックマークに追加

flac を mp3 に変換するソフト

2011年06月03日 web関連
無料の変換ソフトがあったので、それで変換しました。操作は簡単。 ソフトはこのへん。 参考サイト http://blog.livedoor.jp/geezdrty/archives/591568.html
「flac を mp3 に変換するソフト」をはてなブックマークに追加

fontawesomeでアイコンを反転させる方法

2022年11月12日 web関連
反転させたいアイコンに以下のクラスを追加する。 水平反転 [php]fa-flip-horizontal[/php] 垂直反転 [php]fa-flip-vertical[/php]
「fontawesomeでアイコンを反転させる方法」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy