圖片不會進入div

我製作了一個包裝div，文本div和圖像div浮動到右側。一個簡單的任務，是的，但似乎今晚不適合我。我無法使其工作並卡住。圖片不會進入div

這裏是它的外觀現在：http://bit.ly/RNinCm

CSS：

introwrapper { 
    width: 938px; 
    background-color: white; 
    margin-bottom: -20px; 
    padding-left: 5px; 
} 

.introtekst { 
    font-size: 30px; 
    text-transform: uppercase; 
    font-family: Arial, Verdana, sans-serif; 
    color: #a81c11; 
} 

.gammeltbilde { 
    float: left; 
}

HTML：

<div id="introwrapper"> 
     <div class="introtekst"> 
      <p>Some text here.</p> 
     </div> 
     <div class="gammeltbilde"> 
      <img src="bilder/kjiptbilde.jpg" alt="bilde fra parken"/> 
     </div> 
</div>

來源

2012-10-22 user1736049

改變你的CSS像這樣：

.introtekst { 
    font-size: 30px; 
    text-transform: uppercase; 
    font-family: Arial, Verdana, sans-serif; 
    color: #a81c11; 
    display:inline; 
    width: 80%; /* or dependent on what you like */ 
    float: left; 
} 

.gammeltbilde { 
    float: right; 
    display:inline; 
    width: 20%; /* relative to width for introtekst */ 
}

來源

2012-10-22 19:44:45 legendofawesomeness

圖片比容器大，儘量在圖像上設置尺寸：

<img src="bilder/kjiptbilde.jpg" alt="bilde fra parken" width="800" />

（800使它合適，但根據需要可能要改變這種狀況。）

來源

2012-10-22 19:40:06

不管我給它的大小仍然不能進入我打算容器。我試過800（非常大）和20。 – user1736049

你可以放置一個width="800px"標籤的IMG，但我會建議實際上儘可能遠離那些，並且實際上調整Photoshop中的圖像或類似的程序。如果您的網頁上有大量使用width標記縮小的圖片，則您的網頁加載時間可能會相當長。

來源

2012-10-22 19:45:09 Nathron

你可以只取出<img src="bilder/kjiptbilde.jpg" alt="bilde fra parken">

來源

2012-10-22 19:52:54 howderek

擊敗目的，不是嗎？ – user1736049

：D 什麼目的？ Assignment4？ – howderek

圖片不會進入div

回答

相關問題