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.

an inline style cannot be overridden.

you would need to remove the inline style, and replace it with a class:
<img alt="" src="/images/cable.jpg" class="newsImage" />


on the main page, add the following CSS:
<style>
.newsImage {
padding: 5px;
margin-right: 5px;
width: auto;
height: auto;
border-width: 0px;
border-style: solid;
float: left;
}
</style>


and on the latest news page, use this css:
<style>
.newsImage {
padding: 5px;
margin-right: 5px;
width: 50px;
height: 50px;
border-width: 0px;
border-style: solid;
float: left;
}
</style>

Thanks Jason

Almost there now, I have one small problem left and that is when inserting the image in the html editor it always puts the size of image in
so at the moment getting

<img alt="" class="newspic" src="/images/cable.jpg" style="width: 266px; height: 178px;" />


how do i get rid of the style="width: 266px; height: 178px in the settings of the html editor. I know i can blank the boxes of width hight on the insert pic popup but explaining that to client will be so difficult, also thay may want to resize the image.

the style cannot be removed automatically, it needs to be done manually in the image editor.

ok cheers for reply.