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


ピックアップ記事

WordPress のURLの末尾のスラッシュ（トレイリングスラッシュ）を追加、または削除する

2024年03月03日 web関連 • WordPress
https://runebook.dev/ja/docs/wordpress/functions/untrailingslashit
「WordPress のURLの末尾のスラッシュ（トレイリングスラッシュ）を追加、または削除する」をはてなブックマークに追加
コメントする

WordPressでログインユーザーのみに表示するための記述

2014年07月15日 web関連 • WordPress
使用頻度が高いので、自分用にメモ。 運営中のサイトに少し手を加えたい場合や、自作プログラムの実行結果を自分だけに表示させて確認したい場合などに役立ちます。 ログインユーザーのみに内容を表示させる場合 [php]<?php if (is_user_logged_in()) : ?> <!-- ログインユーザーのみに表示される箇所 --> <?p…
この記事の続きを読む
「WordPressでログインユーザーのみに表示するための記述」をはてなブックマークに追加
コメントする

WordPress ウィジェットに個別のid,classを設定する

2014年08月11日 web関連 • WordPress
WordPressのウィジェットに個別のid,classを設定して、違うデザインを適用したい場合は、functions.php内でサイドウィジェットを有効にする設定項目の「before_widget」の箇所を以下のように変更します。 [php]register_sidebar(array( 'name' => 'side-widget', 'before_wid…
この記事の続きを読む
「WordPress ウィジェットに個別のid,classを設定する」をはてなブックマークに追加
コメントする

twitter API からプロフィール画像を取得・表示

2011年07月28日 web関連 • twitter API
twitter API からプロフィール画像を取得・表示する方法です。 リクエストURL [php]http://api.twitter.com/1/users/profile_image?screen_name=apr_20&size=bigger[/php] 画像として表示 [php]<img src="http://api.twitter.com/1/users/…
この記事の続きを読む
「twitter API からプロフィール画像を取得・表示」をはてなブックマークに追加
コメントする

Googleアドセンスがhtml要素を覆い隠してクリック出来ない

2015年03月04日 web関連
Google Adsenseを設置すると隣接する要素をオーバーラップしてしまい、クリック出来なくなる場合の対処法です。 アドセンスが隠してしまってクリック出来ない要素を#navだとすると以下のようにCSSを設定します。 [php]#nav { position:relative; z-index: 100; }[/php]
「Googleアドセンスがhtml要素を覆い隠してクリック出来ない」をはてなブックマークに追加
コメントする
© graffiti on the web . All rights reserved. WordPress Theme by comfy