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


ピックアップ記事

Dust-Me Selectorsで不要なCSS要素を削除

2013年10月30日 web関連
Dust-Me Selectorsで不要なCSS要素を削除
FireFoxのアドオン「Dust-Me Selectors」を使えば、一度も使われていないCSSの要素を簡単に削除することが出来ます。 以下のURLにFireFoxからアクセスするとインストール可能です。 Dust-Me Selectors…
この記事の続きを読む
「Dust-Me Selectorsで不要なCSS要素を削除」をはてなブックマークに追加
コメントする

WordPressのサムネイルのサイズ指定を削除

2013年11月10日 web関連 • WordPress • php
WordPressのテーマ内で、the_post_thumbnailで記事のアイキャッチを表示させる際に、width,heightがimgタグ内で設定されていますが、それを消す方法です。 レスポンシブウェブデザインをする際には、ハードコーディングは外したほうがいいかもしれませんね。 functions.php内に以下を記述 [php]//サムネイルのサイズ指定削除 add_fi…
この記事の続きを読む
「WordPressのサムネイルのサイズ指定を削除」をはてなブックマークに追加
コメントする

レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示

2014年11月15日 web関連 • HTML5・CSS3
レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示
レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。 cssのdisplay:table-cellで解決 html [php]<ul id="nav"> <li><a href="#"><…
この記事の続きを読む
「レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示」をはてなブックマークに追加
コメントする

Twitter API の利用回数制限を確認する

2011年07月29日 web関連 • twitter API
Twitter API (GET送信のみ？) には利用回数上限があります。Twitter APIを利用してサービスを作る際に、試行錯誤していると、いつの間にかAPIの利用回数上限にひっかかってしまいます。利用回数上限にひっかかると，一定時間（およそ1時間らしいです）そのアカウントまたはそのIPアドレスからアクセスできなくなります。 …
この記事の続きを読む
「Twitter API の利用回数制限を確認する」をはてなブックマークに追加
コメントする

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

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