Zmiana rozmiaru obrazka w css

Question

Witam 

Czy ktoś może wytłumaczyć mi dlaczego obrazek nie chce zmienić swojego rozmiaru? Siedze patrze, przeglądam internet i nie mam już pomyslu.

 

<div id="container">

	<div class="header">	

		<div id="logo">
		<img src="logo.jpg"/>
		</div>
		
	</div>

#container
{
width: 100%;
}
   
.header
{
	width: 100%;
	
}
   
#logo
{
	margin-left: 850px;
	margin-top: 10px;
	width: 350px;
	height: 200px;
	


}

 

Answer 1

Ponieważ nie ma w CSS wpisu dotyczącego obrazka. Jest wpis dotyczący bloku o identyfikatorze "logo", ale nie ma to wpływu na rozmiary obrazka.

Answer 2

Prosze 

<style>
#container
{
width: 100%;
}
    
.header
{
    width: 100%;
     
}
    
#logo
{
    margin-left: 850px;
    margin-top: 10px;
    width: 350px;
    height: 200px;
 }
 #logo img{
 	width: 350px;
    height: 200px;
 }
</style>

<div id="container">
 
    <div class="header">  
 
        <div id="logo">
        <img src="1.png"/>
        </div>
         
    </div>

 

Answer 3

Najlepiej rozmiar samego obrazka dostosować w programie graficznym, żeby go nie ucięło nieodpowiednio lub nawet jeśli utnie, żeby nie wczytywać całego obrazka, jak i tak część jest ucięta/ Albo żeby nie rozciągnęło itd.