Need help with inserting Images in Wordpress(basic html question)

Discussion in 'Web Design and Development' started by Arkados, Jul 30, 2013.

  1. macrumors member

    Dec 10, 2010
    I'm working on adding images to a website for a client and when inserting an image midline, it drops the text to below the image, creating a huge white space. This can be seen on I would like the Please call 515.283.1312 to discuss to be right below the rest of text and still have that image there. Any ideas?
  2. macrumors 603

    Dec 11, 2006
    I'm short on time and just looked at your code really quick but try changing the
    in your <img> tags to
    style="float: right;"
    That might fix your problem but I can't guarantee it cause I didn't have time to test it.
  3. thread starter macrumors member

    Dec 10, 2010
    Still doing it. Wish I could just use CSS but because I didn't originally design this I unfortunately don't have any access to the administrator files like css to change it so I'm stuck with html. Thank you for the help though. Anyone have any other ideas?
  4. macrumors regular

    Dec 28, 2004
    You code is overly complicated.

    It could be this line though:
    <h4 style="text-align:right">Think you’ll require extra space <br />

    your missing the ;

    Based on seeing your coding skills, I think you should stick with the visual editor of wordpress. Using it should solve any problems. Its actually pretty decent.
  5. thread starter macrumors member

    Dec 10, 2010
    I've fixed the issue on that page by fiddling with placement, not exactly where I would like it but untill I can convince them to go Joomla it will have to do, now I have the same issue on I would like the bottom right image to be straight across from Seated Meal but when I do that it adds a white space the size of the image between the Red text and the black text.
  6. macrumors 68000


    Dec 7, 2007
    Alexandria, VA, USA
    Placement of the image in the flow is the key. Based on your source and without testing it seems you need to move the image on the bottom right within the <h2> container (place the img tag between the closing </span> tag and the closing </h2> for that portion of your page) and be sure to add the align image attribute set to left so the text is on the left side of the image. Or something darned close to that. I am not a fan of inline CSS styling unless it is necessary to override a style sheet which is beyond your control, so use align (HTML) here.
  7. thread starter macrumors member

    Dec 10, 2010
    Thank you so much.
  8. macrumors regular


    Sep 6, 2011
    If cost is a concern and you have a Windows machine around, you can try using Windows Live Writer, free from Microsoft. It may be easier than hand coding if you do not do hand coding all the time and if the WP editor doesn't work for you.

Share This Page