arkadaşlar resimdeki kırmızı çizgili alanı nasıl daraltırız. margin-bottom ların hepsine baktım sanırım. sağ kısım reklam araları çok geniş ve üst menü ile ilk alt kategori arası çok geniş.
resim http://i.hizliresim.com/AZ58Gp.jpg
/* Big Images */
.boutique-big{
width: 690px;
height: 240px;
margin-bottom: 8px;
position: relative;
display: inline-block;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.boutique-big .boutique-detail{
width: 690px;
height:48px;
background:url('../image/btq-bg-large.png') repeat-x;
position: absolute;
bottom:0px;
}
.boutique-big:hover .boutique-detail{
background:url('../image/btq-bg-large-hover.png') repeat-x;
}
.boutique-big a img.big-over-efect {
width:690px;
height:205px;
display:none;
}
.boutique-big:hover a img.big-over-efect {
position:absolute;
left:0px;
top:0px;
display:block;
}
.boutique-big a {
display: inline-block;
}
.boutique-big .boutique-detail a{
color:#EEEEEE;
position:absolute;
left:10px;
top:20px;
font-size:14px;
font-weight: bold;
text-shadow: 0 1px 0 #333333;
}
.boutique-big:hover .boutique-detail a,
.boutique-big:hover .boutique-detail span{
color:#FFFFFF;
}
.boutique-big .boutique-detail span{color: #EEEEEE; position: absolute; left: 0px; top: 7px; font-size: 12px;}
.boutique-big .boutique-timeline{width: 223px; position: absolute; right: 5px; top: 15px;}
.boutique-big .boutique-timeline .timers{color: #EE6D9A; font-size: 14px; font-weight: 500; position: absolute; right: 4px; text-align: right; top: 7px; width: 113px;}
.boutique-big .boutique-timeline a{position: absolute; left: 81px; top: 4px; width: 25px;}
/* Small Images */
.boutique-small{
width:340px;
height:133px;
float:left;
margin-bottom: 8px;
position: relative;
}
.odd{
margin-right: 5px;
}
.even{
margin-left: 5px;
}
.boutique-small .boutique-detail{
width: 340px;
resim http://i.hizliresim.com/AZ58Gp.jpg
/* Big Images */
.boutique-big{
width: 690px;
height: 240px;
margin-bottom: 8px;
position: relative;
display: inline-block;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.boutique-big .boutique-detail{
width: 690px;
height:48px;
background:url('../image/btq-bg-large.png') repeat-x;
position: absolute;
bottom:0px;
}
.boutique-big:hover .boutique-detail{
background:url('../image/btq-bg-large-hover.png') repeat-x;
}
.boutique-big a img.big-over-efect {
width:690px;
height:205px;
display:none;
}
.boutique-big:hover a img.big-over-efect {
position:absolute;
left:0px;
top:0px;
display:block;
}
.boutique-big a {
display: inline-block;
}
.boutique-big .boutique-detail a{
color:#EEEEEE;
position:absolute;
left:10px;
top:20px;
font-size:14px;
font-weight: bold;
text-shadow: 0 1px 0 #333333;
}
.boutique-big:hover .boutique-detail a,
.boutique-big:hover .boutique-detail span{
color:#FFFFFF;
}
.boutique-big .boutique-detail span{color: #EEEEEE; position: absolute; left: 0px; top: 7px; font-size: 12px;}
.boutique-big .boutique-timeline{width: 223px; position: absolute; right: 5px; top: 15px;}
.boutique-big .boutique-timeline .timers{color: #EE6D9A; font-size: 14px; font-weight: 500; position: absolute; right: 4px; text-align: right; top: 7px; width: 113px;}
.boutique-big .boutique-timeline a{position: absolute; left: 81px; top: 4px; width: 25px;}
/* Small Images */
.boutique-small{
width:340px;
height:133px;
float:left;
margin-bottom: 8px;
position: relative;
}
.odd{
margin-right: 5px;
}
.even{
margin-left: 5px;
}
.boutique-small .boutique-detail{
width: 340px;