レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。
cssのdisplay:table-cellで解決
html
[php]<ul id="nav">
<li><a href="#"><…
ピックアップ記事
レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示
2014年11月15日
web関連 • HTML5・CSS3
Dreamweaverで「既に別のドキュメントタイプに関連付けられているためです。」エラー頻発
2014年11月13日
web関連 • HTML5・CSS3
DreamweaverでSCSSファイルの編集をするためにDWの設定を触ったのですが、起動のたびに「ドキュメントタイプ”◯◯◯”は追加されません。使用するファイル拡張子が、既に別のドキュメントタイプに関連付けられているためです。」のエラーが連発するようになりました。
原因
調べてみると、Dreamweaverで編集可能にするために、「MMDocumentTypes.xml」というファイ…
ZenCartのパンくずリストをトップページのみ非表示にする
変更する箇所
includes/classes/breadcrumb.php の60行目付近
[php]
} else {
$trail_string .= $this->_trail[$i]['title'];
}
[/php]
上記のコードを以下に変更します。
[php]
} else {
if ($this->…
IE6で透過pngを表示させる。DD_belatedPNG
2012年02月14日
web関連 • jQuery・javascript
DD_belatedPNG
先日、でも触れましたが、DD_belatedPNGというjavascriptを使って、IE6で透過pngを表示させてみました。
DD_belatedPNGの入手
以下のサイトにいって、DD_belatedPNGをダウンロードします。以下のサイト内を下へスクロールしていくと、左のサイドバーにDD_belatedPNG 0.0.8a releasedというリンクがあり…
twitter公式ウィジェットの背景色をクリアにする
2011年05月26日
web関連
ブログやサイトなんかにtwitterウィジェットを使う事が多くなりましたが、ウィジェットの背景を透明にしないとサイトにマッチしないなぁという場合もあるかと思いますので、その方法を書いておきます。簡単ですが。。。(笑)
theme: { shell: { background: 'none',  …
graffiti on the web 
この投稿へのコメント
コメントはまだありません。