Support » Fixing WordPress » why doesn’t image align 2.5.1 wrap text?

  • I insert an image using the icon in the posting window. The HTML code reads:

    <img class=”alignright” src=”http://redacted.org/images/redacted.jpg” alt=”redacted” />

    When I flip to the Visual mode, the image is aligned right and word wrapped.

    Then I go to “View Site”.

    I image is aligned left and in not wrapped.

    This happens in both IE and FF and on different machines miles apart of different connections.

    Why does it seem to work while posting but not when published?

Viewing 13 replies - 1 through 13 (of 13 total)
  • whooami

    (@whooami)

    Member

    Because the stylesheets are different..

    Image alignment and text wrap is a fucntion of your CSS. If you happen to be using a them that doesnt take advantage of the classes that are assigned — then you need to edit the stylesheet.

    Thank you for your response. Sounds like what I need. my I ask you help in going forward?

    I get two things from your response.

    1) If I was using one of the default themes, I would not have this problem (true / false?

    2) Can you tell me what code to insert in the CSS of the theme I am using? Or if it’s needed for a good answer, may I PM you the site access and ask that you look at it?

    Thanks again for your help.

    wait – more

    fwiw – I just rolled through the themes.

    1) the image align doesn’t work is in my custom theme.

    2) also it doesn’t work in the WordPress Classic theme

    3) but it works fine in the basic WP Kubrick.

    So is there a simple clean 3 column theme for 2.5.1 that I can tweak so it will act as well as Kubrick acts?

    whooami

    (@whooami)

    Member

    if you like your custom theme — just do some reading and fix the css:

    http://codex.wordpress.org/FAQ_Layout_and_Design

    That’s more learning than I can handle in the deadline (Tuesday noon, NY time – today is Monday)

    Can someone please provide the code and tell me where to insert it in the style.css?

    Thank you

    whooami

    (@whooami)

    Member

    Just switch to html mode and change to <img class=”right” (or left) …etc. Then it works.

    I’ve just been sticking an align="left" (or right) in my image tags in html mode.
    ie: <img src="http://www.x.com/x.jpg" title="x" width="300" height="212" class="xxxxxxx" align="right" />
    Seems to work fine also.

    http://weblogtoolscollection.com/archives/2004/04/12/image-alignment-drop-shadows/

    Fine, it works, but now I don’t see the result in the editor.
    It’s not a big problem, but I’d like to know where I can apply the style to it.

    To fix this you just need to add the lines applying to .img from style.css from the default wp theme to the style.css in your theme. Here are the lines I had from wp 2.5 default theme:

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }

    also make sure you clear your cache and refresh after doing this … wp caches a lot of stuff

    geeeees bmearns that’s the most efficient response i have ever read in a designers forum. you are cool! hope you get a wish made true today. i thought i was going to spent other night paying for being an amateur 🙂 thanks!

    You could have read it in the “sticky” post about Image problems:
    http://wordpress.org/support/view/all-topics

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘why doesn’t image align 2.5.1 wrap text?’ is closed to new replies.