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


ピックアップ記事

Facebook OGP対応してアクセスを増やす

2011年06月29日 web関連
OGP対応する http://gadget-or-gimmick.com/archives/2011-06-16/114209.html
「Facebook OGP対応してアクセスを増やす」をはてなブックマークに追加
コメントする

photoshopでfavicon(icoファイル)作成

2012年01月23日 web関連
icoformatICO Formatプラグインを追加 Photoshopでは、icoファイルを扱うことができないので、以下のプラグインをインストールして、icoを作成・保存出来るようにします。 Photoshop icoformatICO (Windows Icon) Format Plugin プラグインをダウンロード、解凍したら、ICOFormat pluginというファイルを、「Ap…
この記事の続きを読む
「photoshopでfavicon(icoファイル)作成」をはてなブックマークに追加
コメントする

WordPressで記事に画像投稿する際に、自動でクラス名をつける

2013年10月09日 web関連 • WordPress • php
記事内の画像をいい感じのエフェクトをつけて拡大表示させるWordPressのプラグイン「Easy FancyBox」というのを導入したのですが、挿入されたaタグやimgタグに固有のクラス名がないので、CSSで調整しづらかったので、リンク付きの画像を挿入したい際に自動でclass名を追加するようにしました。 imgタグにclassを追加する場合とaタグに追加する場合を分けて書きます。 挿…
この記事の続きを読む
「WordPressで記事に画像投稿する際に、自動でクラス名をつける」をはてなブックマークに追加
コメントする

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

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

iPhoneのホーム画面に表示されるサイトへのショートカットアイコンを設定

2013年10月31日 web関連 • iPhone
[php]<link rel="apple-touch-icon" href="画像パス" /> [/php] サイズに関して 引用 : http://arigato-ipod.com/lab-webclip-apple-touch-icon.html 引用 : http://ozpa-h4.com/2012/03/29/…
この記事の続きを読む
「iPhoneのホーム画面に表示されるサイトへのショートカットアイコンを設定」をはてなブックマークに追加
コメントする
© graffiti on the web . All rights reserved. WordPress Theme by comfy