Har lite problem med min sida. Håller på och lägger in ett bildgalleri http://www.activepoint.se /

Sidan kommer se ut något i stil med denna skiss jag gjort när den är färdig, för er som undrar :).

http://www.activepoint.se/uplo ads/images/template_activepoin t_2010_new_v1.jpg


Dock så är mellanrummet för stort mellan bildrad 1 och 2. How to do? .. här är CSSen.


.gallery .img {

height: 120px;

/*width: 120px;*/

float: left;

margin: 10px;

text-align: center;

}


.gallery .img a {

display: inline-block;

border: 2px solid #ddd;

padding: 1px;

}


.gallery .img a:hover {

border-color: #999;

}


.gallery img {

border: none;

}


.gallery .pagenavigation {

height: 50px;

}


.gallery .prevpage a, .gallery .prevpage em {

display: block;

width: 50px;

height: 39px;

float: left;

margin: 0;

text-indent: -1000px;

background: url(../../images/previous.png) transparent no-repeat 0 0;

}


.gallery .nextpage a, .gallery .nextpage em {

display: block;

width: 50px;

height: 39px;

float: left;

margin: 0 6px 0 0;

text-indent: -1000px;

background: url(../../images/next.png) transparent no-repeat 0 0;

}


.gallery .parentlink a {

display: block;

width: 50px;

height: 39px;

float: left;

text-indent: -1000px;

background: url(../../images/uppage.png) transparent no-repeat 0 0;

}


.gallery .pagenavigation a:hover {

background-position: 0 -40px;

}


.gallery .prevpage em, .gallery .nextpage em {

background-position: 0 -80px;

}


.gallery .pagelinks {

float: right;

border-right: 2px solid #666;

}


.gallery .pagelinks a, .gallery .pagelinks em {

margin-top: 6px;

padding: 0 6px;

border-left: 2px solid #666;

text-align: center;

font: bold 11px verdana; color: #666;

}


.gallery .pagelinks em {

color: #000;

}


.galleryclear {

clear: both;

}