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


ピックアップ記事

[xserver]サブドメイン設定時の注意点

2014年08月23日 web関連
xserverのマニュアルにもありますが、サブドメインを設定すると、異なるURLで同じサイト（ページ）へアクセス可能になってしまうので、Googleに重複サイトと思われないように以下のように設定した.htaccessを設置します。 …
この記事の続きを読む
「[xserver]サブドメイン設定時の注意点」をはてなブックマークに追加
コメントする

safariでowl carouselのスライド時にフォントが細くなる現象の解決策

2015年03月19日 web関連 • jQuery・javascript
レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。 iOSのchromeでも同じ現象が起こるらしいのですが、未確認。 …
この記事の続きを読む
「safariでowl carouselのスライド時にフォントが細くなる現象の解決策」をはてなブックマークに追加
コメントする

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

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

twitter API v1.1を使ってツイート投稿

2014年08月01日 web関連 • php • twitter API
twitterのAPIを利用してツイートする必要があったので、メモ。 準備 まず、twitterのdevサイトでapp登録しておきます。 次に、ツイートする際に必要なOAuthという認証作業を簡単にしてくれるOAuthライブラリtwitteroauthをダウンロードします。リンク先に飛んだら右下の方にDownload ZIPというボタンがあるのでそこからダウンロード出来ます。 …
この記事の続きを読む
「twitter API v1.1を使ってツイート投稿」をはてなブックマークに追加
コメントする

youtubeで、自動翻訳の字幕を日本語に固定する方法

2021年04月30日 web関連 • youtube
youtubeで海外のチュートリアル動画などを見ていて、動画が変わるたびに翻訳の設定を、自動翻訳、日本語と設定することが手間だったので、自動翻訳の言語を日本語に固定する方法がないか調べました。 Chromeの拡張機能をつかい、Chrome上でUserSriptを実行させて、Youtubeを開いた時に、スクリプトが自動で、自動翻訳字幕の日本語を選択するといった感じになります。 Windows 1…
この記事の続きを読む
「youtubeで、自動翻訳の字幕を日本語に固定する方法」をはてなブックマークに追加
コメントする
© graffiti on the web . All rights reserved. WordPress Theme by comfy