Register FAQ / Rules Forum Spy Search Today's Posts Mark Forums Read
Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Jul 30, 2013, 03:29 PM   #1
Arkados
macrumors member
 
Join Date: Dec 2010
Need help with inserting Images in Wordpress(basic html question)

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?
Arkados is offline   0 Reply With Quote
Old Jul 30, 2013, 05:13 PM   #2
zioxide
macrumors 603
 
Join Date: Dec 2006
Location: Massachusetts
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.
zioxide is offline   0 Reply With Quote
Old Jul 30, 2013, 06:06 PM   #3
Arkados
Thread Starter
macrumors member
 
Join Date: Dec 2010
Quote:
Originally Posted by zioxide View Post
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?
Arkados is offline   0 Reply With Quote
Old Jul 30, 2013, 09:04 PM   #4
davidwes
macrumors regular
 
Join Date: Dec 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.
davidwes is offline   0 Reply With Quote
Old Jul 30, 2013, 09:53 PM   #5
Arkados
Thread Starter
macrumors member
 
Join Date: Dec 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 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.
Arkados is offline   0 Reply With Quote
Old Aug 1, 2013, 12:53 PM   #6
SrWebDeveloper
macrumors 68000
 
SrWebDeveloper's Avatar
 
Join Date: Dec 2007
Location: Alexandria, VA, USA
 
Quote:
Originally Posted by Arkados View Post
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.
__________________
Jim Goldbloom
Sr. Web Developer, owner GoldTechPro, LLC
http://www.GoldTechPro.com
SrWebDeveloper is offline   0 Reply With Quote
Old Aug 1, 2013, 04:55 PM   #7
Arkados
Thread Starter
macrumors member
 
Join Date: Dec 2010
Quote:
Originally Posted by SrWebDeveloper View Post
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.
Arkados is offline   0 Reply With Quote
Old Aug 4, 2013, 02:01 AM   #8
glutenenvy
macrumors regular
 
Join Date: Sep 2011
Location: 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.
glutenenvy is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Issue with HTML Signature images in Mail 6.5 Devision Mac Applications and Mac App Store 1 Jun 14, 2013 08:48 AM
Sale for Blog Docs - Google Docs™ HTML Editor for WordPress Blogger Tumblr & Email Stevesmith001 iPad Apps 0 Mar 6, 2013 01:31 AM
Simple & free note taking app with basic HTML = formatting Subu iPad Apps 1 Mar 2, 2013 11:29 PM
Free note app with basic formatting basic HTML Subu iPhone and iPod touch Apps 0 Mar 1, 2013 03:44 AM
Resolved: Safari can't load images/javascript/html 5 on certain website. Traisoon OS X 1 Nov 23, 2012 08:31 AM

Forum Jump

All times are GMT -5. The time now is 02:24 PM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC