Jump to content

garyaitken

Members
  • Content Count

    2
  • Joined

  • Last visited

Community Reputation

0 Neutral

About garyaitken

  • Rank
    Newbie
  1. garyaitken

    Restrict image size?

    I think I've already looked at those examples, but I may have missed something. Those examples show the use of absolute pixel widths, as in [[Image:screenshot1.jpg|600px]]. I need to be able to use a percent, something like [[Image:screenshot1.jpg|60%]], or something similar. The fixed pixel size means a large image won't expand past the fixed pixel size for larger screens; I want it to be able to expand up to some % of the available space. In this particular case, it might be sufficient if I could use the CSS "vw" (viewport width) expression, but that doesn't work either. What I want is for this to work with a % or better, a means of saying "clamp the image width to a max of the space left after the TOC": {{Manual:TOC}} [[Image:Freecad-interface-01.jpg]|60%] If I use "600px" in place of "60%", it works, downsizing the image to fit in the available space. But as explained in the original post, that clamps the image size on larger screens.
  2. garyaitken

    Restrict image size?

    It is possible to restrict the maximum size of an image as follows: [[Image:screenshot1.jpg|600px]] We have a TOC appearing on the right and we want even large images to appear to its left, rather than below. I was hoping one could write: [[Image:screenshot1.jpg|60%]] but that doesn't work. I next tried to enclose the whole thing in a span: {{Manual:TOC}} <span style="color:red">red</span> <!-- works --> <span style="width: 600px;"> <! doesn't work; idea would be to use max-width: 60% --> [[Image:screenshot1.jpg]] </span>
×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.