WordPress.org

Support

Support » Plugins and Hacks » TinyMCE Advanced » [Plugin: TinyMCE Advanced] Issues with Chrome and Tables

[Plugin: TinyMCE Advanced] Issues with Chrome and Tables

Viewing 3 replies - 1 through 3 (of 3 total)
  • This one gets me all the time 🙂

    In fact, I just fixed it on my own project a few minutes ago!

    Some WP themes have a line in them that prevents images from overflowing, but it messes images up when they’re placed in fluid structures like tables.

    Check out line 2 of http://www.rfahaiti.org/wp-content/themes/dynamik/css/dynamik-min.css:

    max-width: 100%;

    TAKE THAT S*** OUT!

    heh. Or maybe just comment it out for now, in case it screws anything else up on your site. I did a quick flip through, you should be ok by just removing it.

    Do you have any developer tools like Firebug or Chrome dev tools? If so, right-click on the image and inspect – you’ll see the style show up in your inspector pane and can disable it real-time.

    Cheers!

    Sorry, I should be more specific when dealing with compressed CSS!

    #content img, #content p img {
    max-width: 100%;
    height: auto;
    }

    That’s the chunk you’re looking for.

    Plugin Author Andrew Ozz

    @azaozz

    @eric that bit of css is good for most images, especially if the image is wider than the container. To disable it in tables something like this should work:

    #content table td img {
    max-width: auto;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: TinyMCE Advanced] Issues with Chrome and Tables’ is closed to new replies.
Skip to toolbar