how can i make image smaller within dynamic html?

Hi

im using html editor with data assist to store html in database so that it can be extracted from recordsets and displayed on page all works well. Aslo using menu maker to create dynamic menu from record sets and mod re write for url, all good

what im trying to do with some luck is have a preview of the the news pages on the front page in a news section and only want to show first paragraph of html with the images withing the first paragraph and link to the detail page all this I can do however I have to make the image smaller

is there anyway i can make
<img alt="" src="/images/cable.jpg" style="padding: 5px; margin-right: 5px; width: 266px; height: 178px; border-width: 0px; border-style: solid; float: left;" /> which is pulled from database with text beteen <p> </p> tags a lot small say 50px wide in the latest news section but leaving image its original size for the detail page

I have tried using !important in css rule to overide inline css but no joy.

Any help please would be welcome.

I also have image resizer extension but not sure if that does what i need either.