Image with fixed width and height : img width « Tags « HTML / CSS






Image with fixed width and height

      

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>auto width and height</title>
        <style rel='stylesheet' type='text/css'>

img#fixed {
    border: 1px solid black;
    margin: 5px;

    width: 200px;
    height: 200px;
}
        </style>
    </head>
    <body>
        <div>
           <img src='http://www.java2s.com/style/logo.png' id='fixed' />
        </div>
    </body>
</html>

   
    
    
    
    
  








Related examples in the same category

1.Set width for an image
2.Shrinkwrapped image by setting both width and height to auto
3.Stretched Image by setting both width and height to 100%
4.Image auto width and height
5.'units' defines the units by which the height and width attributes are measured