• I want to have the title and name of the person next to the photo, i’ve try alignments and it wont work. Any other way to this?

    https://50.22.11.13/~costnerl/staff/josh-costner/

    I was trying to call the post code image on a separate div to the left

    leftside – rightside
    Image – Text here

    Does anyone know what is the code syntax to call the post or any post image on a separate column?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Your HTML is just wrong, you have the image in the paragraph text below the title and the name like this:

    <div class="member">
               <h2 class="name NameStaff">Josh Costner</h2><!-- .name -->
    		   <h4 class="title TigleStaff">
    			Managing Partner
    		   </h4>
    		   <!-- .title -->
                 <p><img class="alignleft size-full wp-image-250" title="" src="https://50.22.11.13/~costnerl/wp-content/uploads/2012/09/josh_costner_detail1.jpg" alt="" width="300" height="275" />Josh is...

    When you should have something like this:

    <div class="member">
               <img class="alignleft size-full wp-image-250" title="" src="https://50.22.11.13/~costnerl/wp-content/uploads/2012/09/josh_costner_detail1.jpg" alt="" width="300" height="275" />
               <h2 class="name NameStaff">Josh Costner</h2><!-- .name -->
    		   <h4 class="title TigleStaff">
    			Managing Partner
    		   </h4>
    		   <!-- .title -->
    
                 <p>Josh is...

    I suspect you probably edited the post using the visual editor, rather switch to the HTML mode when you want to do this kind of thing, and hand-craft your HTML

    Thread Starter raws4581

    (@raws4581)

    Max, I’ve tried that and no luck. Here is the code.

    <div class=”member”>

    <h2 class=”name”><?php the_title(); ?></h2><!– .name –>
    <h4 class=”title”><?php $meta = get_post_custom( $post->ID ); echo ( isset( $meta[ ‘staff_listing_title’ ][ 0 ] ) ) ? $meta[ ‘staff_listing_title’ ][ 0 ] : NULL;
    ?>
    </h4><!– .title –>

    The above Call the Name and Title…

    This is calling the image and text from the post…
    <?php the_content( __( ‘Read more’ ) ); ?>

    <div class=”clear”></div>
    </div><!– .member –>

    What I want is to call the image from the post to adjust on my template to another section of my table/div, the image is showimg up from <?php the_content( __( ‘Read more’ ) ); ?>

    Do you know the syntaxt to just call the post name, and only call the post text not both?

    Max

    (@clementsm)

    Ah, sorry I thought you were just putting the title in the post content too.

    The only way I know that you can do that is to use a Post Thumbnail, and output that in your template. before <h2 class="name"><?php the_title(); ?></h2>.

    If you have put an image into the post, it will be displayed when you call the_content();, if you have not physically inserted it into the post, you can call it as an attachment, or as a simpler method, make it a featured image, and call it in your loop as a Post Thumbnail as per my link above.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image and Text Aligments’ is closed to new replies.