HTML/CSS - Yıkama Düzeni Hizalama?

Question

Resim için div'um olduğu bir tasarım oluşturmaya çalışıyorum ve ardından görüntü/div ile aynı olan bir önceki/sonraki düğme. İkisi arasında her zaman biraz boşluk olduğu için bazı sorunlar yaşıyorum.

kırmızı

ben, ben sadece nereden geldiğini bulmak için görünmüyor olabilir ortadan kaldırmak için çalışıyorum budur. Bu alanın neden yaratıldığını/ezildiğini bulmak için kurumaya bir arka plan rengi atamam nedeniyle şu anda kırmızı. İşte

benim HTML var:

<div class="picture"> 

     <a href="/galleries/6"> 
     <img alt="Preview_firefox_wallpaper" src="/uploads/unlocked_image/file/6/preview_Firefox_wallpaper.png?1311526840" /> 

</a>   
     <div class="pagination"><span class="previous_page disabled">&#8592; Previous</span> <a class="next_page" rel="next" href="/galleries?page=2">Next &#8594;</a></div>   
    </div> 

Ve burada, ben sorun burada benim CSS hayal, ama ben ... yardım için, beraber mücadele oldum teşekkürler bulmak gibi olamaz bu şekilde çok uzun.

/* galleries#index */ 

.time { 
    font-size: 16px; 
    color: #333333; 
} 

#image_description { 
    clear: both; 
} 

/* _picture */ 

div .picture { 
    width: 642px; 
    margin: auto; 
    background-color: red; 
} 

.logo { 
    width: 140px; 
    float: left; 
    height: 38px; 
    color: #FFFFFF; 
    background-color: #000000; 
    font-size: 28px; 
    font-weight: 400; 
} 

.logo a a:visited{ 
    color: #FFFFFF; 
} 

.logo a:visited{ 
    color: #FFFFFF; 
} 

.logo a:hover{ 
    text-decoration: none; 
} 

/* pagination */ 

.pagination { 
    height: 38px; 
    float: right; 
} 

.next_page {  
    color: #FFFFFF; 
    background-color: #3399FF; 
    color: #333333; 
    font-size: 28px; 
    font-weight: 400; 
} 

.previous_page {  
    color: #FFFFFF; 
    background-color: #FF66CC; 
    color: #333333; 
    font-size: 28px; 
    font-weight: 400; 
} 

Answer 1

aşağıdaki ekleyin:

.picture img{ 
    display:block; 
} 

Bu satır içi görüntülerin neden bilinen bir hatadır. Bkz here.

Answer 2

Alternatif olarak, görüntünün farklı dikey hiza değerlerini deneyebilirsiniz. Hatırlayabildiğim gibi, satır içi görüntüyü dibe doğru hareket ettirerek iyi bir sonuç elde ettim.