カテゴリー: HTML/CSS
-
widthの指定をボーダーの太さ込みの値に設定する
width = border + padding + コンテンツ にするには box-sizing: border-box; こっちが標準ならいいのに。。。
-
リストのマーカーを二つ設定する
リストの項目に二つ背景画像を表示したい時は .mobile-nav-1 li{ background: url(../img/mark.png) , url(../img/arrow.png) ; background- […]
-
z-indexが効かないとき
cssとjsで作ったトップメニューのプルダウンがどうしても下にあるdivの後ろに隠れてしまって表示されない。。。。いろいろ調べたところz-indexが効かない原因はこんな感じ 親要素がposition:static;もし […]
-
サイトがレスポンシブ対応かどうかを一括でチェックできるサイト
サイトがレスポンシブ対応かどうかを一括でチェックできるサイト。 便利〜 http://responsinator.com/ 作り直し。。。。
-
HTML 言語指定
<html lang="es">
-
角丸半透明のdivを作る
div#header-info-kadomaru{ border-radius: 20px; /* CSS3 */ -moz-border-radius: 20px; /* Firefox */ -webkit-bord […]
-
div の上下の間隔が空いてしまう
上下に並べたBOXの間隔がどうしても2pxくらい空いてしまう。。。 ちなみに上のBoxにはサイズいっぱいの画像が入っています。 margin, paddingはもちろんどちらも0px div#up{ line-heigh […]
-
CSS BOXカラムを指定する
HTML <div id='field'> <div id='container'> <div id='box1'> </div& […]
-
javascriptとCSSで背景色が入れ替わるナビゲーションを作る
Javascriptを<header>部分に記載 <script type="text/javascript"> <!– function changeBackgroundColo […]
-
<img src='hogehoge.jpg' style=' border:1px #9b9b9b solid; padding:3px; '>