Image displays at size different to the html code.

  • gulliver

    (@gulliver)


    15 years, 2 months ago

    Using the default TwentyTen theme, I have a Page with hand-coded html in which images are set to display at 100px – but they’re showing in a browser at 150px, despite the source code also showing 100px.

    Why? I’m assuming the size is being over-ridden by something in the WP css.

    Even when giving them a class attribute which is so deliberately-oddly named that it can’t possibly clash with anything in the default css, they still display at a size different to that shown in the source.

    Only by setting a width and height in their css attribute can I get them to display at the intended size (and as shown in the source).

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    15 years, 2 months ago

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

    jack randall

    (@theotherlebowski)

    15 years, 2 months ago

    best guess: go to settings -> media and set your thumbnail sizes.

    Thread Starter gulliver

    (@gulliver)

    15 years, 2 months ago

    >go to settings -> media and set your thumbnail sizes.

    But doesn’t that simply set the size to which they’re cropped? And from my knowledge of html, I’m confused that th esize set in the source isn’t the size at which they’re displayed.

    Thread Starter gulliver

    (@gulliver)

    15 years, 2 months ago

    Answering my own query…

    A browser cache issue, not a WP one.

    Having, in bemusement, wondered could php/js resize the image to display at a different size, I isolated this on a test page totally independent of WP.

    The cause was Firefox caching – despite shift-refreshing the page multiple times, and then emptying the cache.

    I’d thought page-caching wasn’t the issue a when adding text to the page content the new text would display fine with a refresh whilst the image stayed the same. And even when changing the image size in the code, even on shift-refresh it still loaded the image as before.

    And, oh what fun… clearly this is an isolated issue – as a further shift refresh now loads the revised page and any changes I make. So then, lesson learned. 😉

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Image displays at size different to the html code.’ is closed to new replies.