Iveは、複数のクラスを組み合わせると聞きました。この状況で私は多くの助けになります。アイブはサイドバーにアイコンがあるので、アイコンを1つの垂直イメージに結合しました。次のブロックに次のイメージを表示するようになりました。複数のクラスを持つバックグラウンドspry画像
私はこれを設定して、たくさんのコードをanf kbでCSSに書いていますが、それぞれのクラスで普通のクラスでやるのは簡単ですが、kbとコーディングの時間を節約するためにクラスを組み合わせたいと思います。
誰かが助けてくれますか? Dreamweaverでは、ブラウザでは表示されません。ちょっと
私が知りたい人のために、私は右側のサイドバーを達成しようとしています。私がわからないのdivはなく、テーブルとTRSになるようにし、
HTML
<div class="sidepanel">
<div class="sidepanelleft 1"></div>
<div class="sidepanelright">Content Goes Here</div>
</div>
<div class="sidepanel">
<div class="sidepanelleft 2"></div>
<div class="sidepanelright">Content Goes Here</div>
</div>
<div class="sidepanel">
<div class="sidepanelleft 3"></div>
<div class="sidepanelright">Content Goes Here</div>
</div>
CSS
.sidepanelleft { display:block; width:45px; height:45px; float:left; background:url(../images/webhostingfeatures.jpg); background-repeat:none}
.1 { top: 0 -55px }
.2 { position: 0 -55px }
.3 { background: 0 -55px }
.4 { background-position: 0 -55px }
途中で、あなたのCSSを最適化しないでください(私は必ず背景位置にそれらの結果を期待していませんでした)。それは逆効果です。 – Blender
さて、ちょっと簡単な方法があると思っていましたが、これは逆効果ではないと思っていました;-)私はまだそこにいると期待しています;-) Thanks – Sarah
確かにあります。 CSS minifier(Googleの用語)を使用してください。 – Blender