DIV：CSS無法重新調整圖像

我想重新調整以下圖像div但CSS樣式沒有任何影響。DIV：CSS無法重新調整圖像

的div標籤：

  <article id="article_1"> 
      <div id="div_article_1_fleche_haut"> 
       <img src="images/haut.png" /> 
      </div> 
      <div id="div_article_1_central"> 
       <div id="div_article_1_central_fg"> 
        <img src="images/gauche.png" />       
       </div> 
       <div id="div_article_1_central_carte"> 
        <img src="images/r500_0.gif"> 
       </div> 
       <div id="div_article_1_central_fd"> 
        <img src="images/droite.png" />           
       </div>       
      </div>    
      <div id="article_1_fleche_bas"> 
       <img src="images/bas.png" />            
      </div>    
     </article>

CSS文件：

#div_header_main { 
    width: 90%; 
    overflow:hidden; /**/ 
    border: thin solid black; 
    padding: 5px 10px 0px 5px; 
} 

#div_header_left { 
    width: 800px; 
    float:left; 
} 

#div_header_right { 
    width: 300px; 
    float:right; 
} 

#div_header_right img 
{ 
    float:right; 
    clear:right; 
    padding: 10px 0 0 0px; 
    border: thin solid black; 
    height:80px; 
} 

#div_article_1_central_carte img 
{ 
    height: 25px; 
}

這是的jsfiddle文件：

http://jsfiddle.net/e7gvbz66/3/

來源

2015-09-07 user5293879

更新您的鏈接加入你的CSS屬性，你忘了他們 –

您可以設置圖像的寬度％，迫使他們花葶。例如。 'img {width：100％;}' –

我已經更新上jsfiddle.net/e7gvbz66/8/你的CSS文件，其現在工作的罰款。不必要的字符出現在您的CSS文件中，我已經刪除並只添加了一些樣式來顯示更改。

#div_header_main { 
 
\t width: 90%; 
 
\t overflow:hidden; 
 
\t border: thin solid black; \t 
 
\t padding: 5px 10px 0px 5px; 
 
} 
 
\t 
 
#div_header_left { 
 
\t width: 800px; 
 
\t float:left; 
 
} 
 

 
#div_header_right { 
 
\t width: 300px; 
 
    float:right; 
 
} 
 

 
#div_header_right img 
 
{ 
 
    float:right; 
 
    clear:right; 
 
\t padding: 10px 0 0 0px; 
 
\t border: thin solid black; 
 
\t height: 80px; 
 
    /*added for testing*/ 
 
    width: 40px; 
 
} 
 

 
#div_article_1_central_carte img 
 
{ 
 
    /*updated for testing*/ 
 
    height: 55px; 
 
    width: 100px; 
 
} 
 

 
#div_article_1_central_carte 
 
{ 
 

 
}

來源

2015-09-08 05:35:15

謝謝Yaser。有用。 – user5293879

請在你的CSS這樣的風格文件，然後img的樣式將正確應用。

#div_article_1_central_carte { 
 
    
 
}

來源

2015-09-07 05:26:13

謝謝大家的回答。我更新了http://jsfiddle.net/e7gvbz66/6/上的.css文件。問題仍在發生。我想要.css文件屬性來減少圖像大小。這就是結構：我有以下包含圖片的div。 '

' 而且在這張圖片的每一面我都有一個'div'，裏面有一張小圖片，我可以點擊它來發起一個事件。所以我在'div_article_1_central_carte'周圍有4個不同''div' – user5293879

DIV：CSS無法重新調整圖像

回答

相關問題