Formating text layout around pictures

  • Resolved macbroadcast

    (@macbroadcast)


    10 years, 2 months ago

    hello all,

    recently i run into a problem i never had before.
    A client asked me why the text fload around a picture when
    you zoom in the browser, a simple or <P> does not prevent this behaviour, so any idea what todo ?

    Example

    The first picture show the correct formating.
    The second picture is with 110 % zoom in browser and the text fload around the picture.

    Thanks in advance

Viewing 12 replies - 1 through 12 (of 12 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Please link the Webpage with the issue

    Thread Starter macbroadcast

    (@macbroadcast)

    Klick on the example link ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Not sure if you’ve debugged CSS before, but it can’t be done through a screenshot.

    Thread Starter macbroadcast

    (@macbroadcast)

    I think there is nothing to debug in css, its a generell issue, so how can i prevent text from floating around a picture when i zoom a browser to 110 %
    Do i need to create a <div> ?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Paragraphs are block elements by default. WordPress wraps inline elements such as images in a paragraph. That means, without CSS there is no wrapping issue: https://jsfiddle.net/kt417a0x/

    However if you’re setting widths in EM measurements on containers then when you zoom your container will get larger and there will be more room for text to crawl up beside the container.

    Thread Starter macbroadcast

    (@macbroadcast)

    ok here is the page we talking about:

    link removed issue solved

    zoom to 67 % and you will see what i mean. ??

    Sorry was wrong before ,not 125 % bigger ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Does this happen in a particular browser? I can only see it briefly happen when I in 200% and then press CTRL + 0 in Chrome

    Thread Starter macbroadcast

    (@macbroadcast)

    it happens in the step from 75 % to 67 %

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is there a way in the Visual editor that you can get rid of the left-align on the image?

    Thread Starter macbroadcast

    (@macbroadcast)

    It is necessary?

    `

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is there like a “[custom_frame]” shortcode instead of “[custom_frame_left]”? Which theme or plugin did this shortcode come from?

    Thread Starter macbroadcast

    (@macbroadcast)

    ok changing align left to center works !

    yay ! Thanks !!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Formating text layout around pictures’ is closed to new replies.