Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Arkados

macrumors regular
Original poster
Dec 10, 2010
104
0
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 http://americanadsm.com/events/banquet. 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?
 

zioxide

macrumors 603
Dec 11, 2006
5,737
3,726
I'm short on time and just looked at your code really quick but try changing the
Code:
align=right
in your <img> tags to
Code:
style="float: right;"

That might fix your problem but I can't guarantee it cause I didn't have time to test it.
 

Arkados

macrumors regular
Original poster
Dec 10, 2010
104
0
I'm short on time and just looked at your code really quick but try changing the
Code:
align=right
in your <img> tags to
Code:
style="float: right;"

That might fix your problem but I can't guarantee it cause I didn't have time to test it.
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?
 

davidwes

macrumors 6502
Dec 28, 2004
307
141
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.
 

Arkados

macrumors regular
Original poster
Dec 10, 2010
104
0
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 http://americanadsm.com/events/dinner-and-a-view. 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.
 

SrWebDeveloper

macrumors 68000
Dec 7, 2007
1,871
3
Alexandria, VA, USA
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 http://americanadsm.com/events/dinner-and-a-view. 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.

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.
 

Arkados

macrumors regular
Original poster
Dec 10, 2010
104
0
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.

Thank you so much.
 

glutenenvy

macrumors regular
Sep 6, 2011
175
21
WA
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.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.