Photos not aligning in Agency theme

Community Forums Forums Design Tips and Tricks Photos not aligning in Agency theme

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  David Chu 1 year ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #34051

    shawn54
    Participant
    Post count: 19

    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.

    #34057

    David Chu
    Participant
    Post count: 1184

    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


    David Chu · Custom WordPress Developer – likes collaborating with Designers

    #34060

    shawn54
    Participant
    Post count: 19

    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.

    #34063

    David Chu
    Participant
    Post count: 1184

    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


    David Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.