2013-12-19 21 views
0

我掙扎,設置IMG的高度DIV中比在我的網站的其餘部分其他IMG的被塔勒,任何人都可以提出建議,感謝形象一個div裏面是一個不同的高度比其他

下面是HTML

<div class="project"> 

    <img src="../../../Images/Nu Space/Nu Space LH.jpg" alt="Nu Space LH" class="image" height="auto" width="580"> 

    <img src="../../../Images/Nu Space/Nu Space BC.jpg" alt="Nu Space BC" class="image" height="auto" width="580"> 

    <div class="clear"></div> 
</div> 

這裏是CSS

img { 
    float: right; 
    margin-top: 0px; 
    height: auto; 
} 

img li { 
    margin-top: 75px; 
    height: 100%; 
    width: 100%; 
} 

.project { 
    width: 700px; 
    min-height: 100%; 
    margin-left: 10px; 
    margin-right: 0px; 
    margin-bottom: 30px; 
    left: auto; 
    background-color: #FFF; 
} 

任何幫助,將不勝感激

+0

掙扎怎麼樣?會發生什麼,而不是你所期望的?嘗試在http://jsfiddle.net中重新創建問題並在此處發佈以獲得更快的幫助。 –

+0

不知道是否會顯示它,但問題是,頂部IMG是一個信頭,底部是一張名片,所以頂部的一個需要更深入的而不更改任何其他div http://jsfiddle.net/tT8JH/ – user3015137

回答

0
div > img { 
    width: (desired width in %); 
    height: (desired height in %): 
} 

編輯:對不起,我對我的解釋並不確切,但這隻會改變div內的圖像,這正是作者想要的。我相信他在網頁上有其他圖片,應該有不同的大小。

+0

關注的是高度,而不是寬度,當然這會改變它在整個網站的所有圖片 – user3015137

+0

請檢查指南[答]。我正在*低質量評論*中評論你的帖子,我肯定你不想與此相關聯。 – brasofilo

+0

我不確定你的意思? – user3015137

0

試試這個,

.project 
{ 
    width: 700px; 
    min-height: 100%; 
    margin-left: 10px; 
    margin-right: 0px; 
    margin-bottom: 30px; 
    left: auto; 
    background-color: #FFF; 
} 
.project .image1 
{ 
    width:200px; 
    height: 200px; 
} 

http://jsfiddle.net/tT8JH/2/

相關問題