image max-width

[niphlod]

(yes, I definitely need a large content and a small menu, and it would be wonderful to make it disappear through a button... ;-) )

Hello, I noticed that also using the last development release there are some problems with embedded images that are quite large.

Could it be possible to add some css/php autoresize rule to avoid that ?

With my stile.ini settings

__wiki_width__     = "98%"
__header_height__  = "5em"
__body_margin__    = "1.0em"
__page_padding__   = "0.5em;"
__footer_padding__ = "2em"

seeing it in a screen 1024px large I managed to limit in this way:

/* embedded images */
div.dokuwiki img.media {
  margin: 3px;
  max-width:760px; 
  width: expression(this.width > 760 ? 760: true);
}

div.dokuwiki img.medialeft {
  border: 0;
  float: left;
  margin: 0 1.5em 0 0;
  max-width:760px; 
  width: expression(this.width > 760 ? 760: true);

}

div.dokuwiki img.mediaright {
  border: 0;
  float: right;
  margin: 0 0 0 1.5em;
  max-width:760px; 
  width: expression(this.width > 760 ? 760: true);

}

div.dokuwiki img.mediacenter {
  border: 0;
  display: block;
  margin: 0 auto;
  max-width:760px; 
  width: expression(this.width > 760 ? 760: true);

}

but perhaps there's a better way using the %. I'm kind of lost in all the .css rules in the template. Do you have more suggestions ?

Thanks in advance

Attached mini-example: http://xs843.xs.to/xs843/09362/arctic473.png