-1

zenshop テーマの css の編集に問題があります。ホームページには 4X2 のグリッドで製品が表示されていますが、6 つの主要な製品カテゴリがあるため、3X2 にしたいのですが、それを行うことができません。私のサイトhttp://ruchitraders.com

次のコードを変更しようとしています

#shelf {
width: 980px;
margin: 0px auto;
padding:0px 10px;
}

.box {
width: 220px;
position:relative;
background: #fff;
margin: 30px 0px 30px 20px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
-webkit-box-shadow: 1px 1px 0px 0px #ddd;
-moz-box-shadow: 1px 1px 0px 0px #ddd;
box-shadow: 1px 1px 0px 0px #ddd; 

}

.lastbox{
float:right;
margin-right:20px;
}


.productshot{
width:170px;
height:200px;
margin:10px 25px 10px 25px;
}

.boxtitle {

}

.boxtitle h2 {
font-size: 12px;
margin: 0px 10px;
padding: 15px 10px 10px 15px;
text-align: center;
font-weight: normal;
line-height: 120%;
border-bottom:1px solid #eee;
}

.boxtitle h2 a:link,.boxtitle h2 a:visited {
color: #666;

}

Plz help 私はphpが初めてです。

4

1 に答える 1

0

.box の幅を 300px などに変更し、それに応じて余白を調整するだけです。

3 番目のボックスと 6 番目のボックスに移動する .lastbox のクラスがあります。

また、DIV は UL の子になることができないため、LI 要素の真ん中にある明確な div を削除します。

フロートをクリアする必要がある場合は、「overflow: hidden」を #home-content に追加します

于 2013-03-28T16:55:51.643 に答える