HTML/CSS

HTML/CSS

widthの指定をボーダーの太さ込みの値に設定する

width=border+padding+コンテンツ にするにはbox-sizing:border-box; こっちが標準ならいいのに。。。
HTML/CSS

リストのマーカーを二つ設定する

リストの項目に二つ背景画像を表示したい時は.mobile-nav-1li{background:url(../img/mark.png),url(../img/arrow.png);background-repeat:no-repeat,n...
HTML/CSS

z-indexが効かないとき

cssとjsで作ったトップメニューのプルダウンがどうしても下にあるdivの後ろに隠れてしまって表示されない。。。。いろいろ調べたところz-indexが効かない原因はこんな感じ親要素がposition:static;もしくはpositionが...
HTML/CSS

サイトがレスポンシブ対応かどうかを一括でチェックできるサイト

サイトがレスポンシブ対応かどうかを一括でチェックできるサイト。便利〜作り直し。。。。
HTML/CSS

HTML 言語指定

<htmllang="es">
HTML/CSS

角丸半透明のdivを作る

div#header-info-kadomaru{border-radius:20px;/*CSS3*/-moz-border-radius:20px;/*Firefox*/-webkit-border-radius:20px;/*Safa...
HTML/CSS

div の上下の間隔が空いてしまう

上下に並べたBOXの間隔がどうしても2pxくらい空いてしまう。。。ちなみに上のBoxにはサイズいっぱいの画像が入っています。margin,paddingはもちろんどちらも0pxdiv#up{line-height:0;}div#under{...
HTML/CSS

CSS BOXカラムを指定する

HTML<divid='field'><divid='container'><divid='box1'></div><divid='box2'></div><divid=&#3...
HTML/CSS

javascriptとCSSで背景色が入れ替わるナビゲーションを作る

Javascriptを<header>部分に記載<scripttype="text/javascript">  <!--functionchangeBackgroundColor(id,color){  document.getElemen...
HTML/CSS

<imgsrc='hogehoge.jpg'style='border:1px#9b9b9bsolid;padding:3px;'>