Photos not aligning in Agency theme

[shawn54]

How can I get photos to align (flush left)?  Right now the second one is over to the right but is supposed to be flush left like the first one. I have 4 more than also need to fall flush left.

Seems like this should be simple but I haven't been able to figur it out.

Here's the webpage: http://network1consulting.com/development1/about-us/leadership/

Thanks.

[David Chu]

Hi! This is a textbook case of WYSIWYG-itis, which is something I'm continually rescuing my clients from. 🙂 Symptoms: I can see empty tags all over, and I see you tried adding a huge chunk of top margin to Tony's poor head. Before Tony's head begins to ache, here's something you can try if you can handle just a bit more editing.

Your images can float left OK. You'll need to go out of visual mode, and into text mode. Say you have this block of HTML (I stripped out the SPAN tags so it's more readable).

<h5>
<a href="http://network1consulting.com/development1/wp-content/uploads/2013/04/David-Gracey.jpg" class="thickbox"><img width="120" height="180" src="http://network1consulting.com/development1/wp-content/uploads/2013/04/David-Gracey-200x300.jpg" alt="David-Gracey" style="margin-top: 5px; margin-right: 20px;" class="alignleft  wp-image-1498"></a>David Gracey
<br>
Founder &amp; President
</h5>

<p>David founded Network 1 in 1998 with a vision of building an IT support company dedicated to delivering top-notch support to small businesses in Atlanta. David sets the tone for Network 1 and is responsible for all aspects of the business. <a href="http://network1consulting.com/development1/leadership-team-david/">(Full Bio)</a>
</p>

You'll see that this is the whole structure for one of the guys on your page. Just enclose the whole thing in DIV tags. See top and bottom of this:

<div>
<h5>
<a href="http://network1consulting.com/development1/wp-content/uploads/2013/04/David-Gracey.jpg" class="thickbox"><img width="120" height="180" src="http://network1consulting.com/development1/wp-content/uploads/2013/04/David-Gracey-200x300.jpg" alt="David-Gracey" style="margin-top: 5px; margin-right: 20px;" class="alignleft  wp-image-1498"></a>David Gracey
<br>
Founder &amp; President
</h5>

<p>David founded Network 1 in 1998 with a vision of building an IT support company dedicated to delivering top-notch support to small businesses in Atlanta. David sets the tone for Network 1 and is responsible for all aspects of the business. <a href="http://network1consulting.com/development1/leadership-team-david/">(Full Bio)</a>
</p>
</div>

Then your image should show up in the right place, and formatting should look decent. I hope this points you in the right direction.

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[shawn54]

Thanks David but I don't know much about html programming. I copied the code with the <div>tags and pasted it into the page in text mode to see what would happen. When I view the page, the actual html code is showing up at the bottom.

I deleted it and am back to square one.

[David Chu]

I was afraid of that. Yeah, you'll probably need some hands-on help. You're not alone - my colleague, an excellent professional graphic designer, doesn't edit HTML comfortably, either. Sorry about that.

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts