配置した画像に余計な隙間(スペース)が出来る
HTML上に画像を配置したときに、予期せぬスペースが出来るときってありませんか?(画像参照)単純に配置しただけなのに・・・と思うのですが、そんな時はCSSを以下のように設定することで解決できます。
解決策
CSSファイルに以下の設定を記述する。
[php]img {
vertical-align: top;
}[/php]
…
ピックアップ記事
HTML上に配置した画像に隙間が出来るときの対処法
2012年02月10日
web関連
safariでowl carouselのスライド時にフォントが細くなる現象の解決策
2015年03月19日
web関連 • jQuery・javascript
レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。
iOSのchromeでも同じ現象が起こるらしいのですが、未確認。
…
Zen Cart(EUC-JP)をUTF-8へ移行する際の覚書
2012年02月14日
zencart
環境
Zen Cart日本語公式サイトで配布されていたEUC-JPのZencartをビッグマウスさんが配布しているZencart(UTF-8版)へ移行することがあったので、その際のエラー内容や修正作業などをメモしておきます。
移行前のZencart
Zen Cart 1.3.0.2-l10n-jp-5
データベースのパッチレベル: 1.3.0.2-l10n-jp-5
Zenc…
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/…
レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示
2014年11月15日
web関連 • HTML5・CSS3
レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。
cssのdisplay:table-cellで解決
html
[php]<ul id="nav">
<li><a href="#"><…
graffiti on the web 
この投稿へのコメント
コメントはまだありません。