2 "style" inline css img tags?

Question

I have the following tag

<img src="http://img705.imageshack.us/img705/119/original120x75.png"style="height:100px;" 
style="width:100px;" alt="25"/>

I have put two incline CSS commands in

style="width:100px;"
style="height:100px;"

For some reason the picture has 100px height but no width. I assume this is because you can't write two of these in a row in the same tag. If this is true, is there a way to assign both the height and width? I have already assigned a different image size on my external CSS, and I don't think you can add img properties in the div tag properties on the external CSS. thanks

Answer 1

You don't need 2 style attributes - just use one:

<img src="http://img705.imageshack.us/img705/119/original120x75.png" 
                                     style="height:100px;width:100px;" alt="25"/>

Consider, however, using a CSS class instead:

CSS:

.100pxSquare
{
  width: 100px;
  height: 100px;
}

HTML:

<img src="http://img705.imageshack.us/img705/119/original120x75.png" 
                                          class="100pxSquare" alt="25"/>