Thread: Image alignment

Results 1 to 4 of 4
  1. #1
    Join Date
    Apr 2011
    Posts
    9
    Plugin Contributions
    0

    Default Image alignment

    I am using 1.3.9


    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td width="33%">
    <?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_DELIVERY_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_DELIVERY_IMAGE, HEADER_DELIVERY_ALT_TEXT) . '</a>'; ?>
    </td>
    <td width="33%">
    <?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
    </td>
    <td width="33%">
    <?php echo '<a href="' . zen_href_link(FILENAME_SHOPPING_CART) . '" class="category-top">' ?>VIEW SHOPPING BAG<?php echo '</a>' ?>&nbsp;<?php echo '<a href="' . zen_href_link(FILENAME_SHOPPING_CART) . '">' . zen_image($template->get_template_dir(HEADER_SHOPPINGBAG_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_SHOPPINGBAG_IMAGE, HEADER_SHOPPINGBAG_ALT_TEXT, 'style="vertical-align:middle"') . '</a>'; ?>
    &nbsp;<?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING) . '" class="category-top">' ?>CHECK OUT<?php echo '</a>' ?>&nbsp;<?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING). '">' . zen_image($template->get_template_dir(HEADER_CHECKOUT_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_CHECKOUT_IMAGE, HEADER_CHECKOUT_ALT_TEXT, 'style="vertical-align:middle"') . '</a>'; ?>
    </td>
    </tr>
    </table>




    How in trhis bit do I get the image aligned so that the centre is next to the text not the bottom



    <?php echo '<a href="' . zen_href_link(FILENAME_SHOPPING_CART) . '" class="category-top">' ?>VIEW SHOPPING BAG<?php echo '</a>' ?>&nbsp;<?php echo '<a href="' . zen_href_link(FILENAME_SHOPPING_CART) . '">' . zen_image($template->get_template_dir(HEADER_SHOPPINGBAG_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_SHOPPINGBAG_IMAGE, HEADER_SHOPPINGBAG_ALT_TEXT, 'style="vertical-align:middle"') . '</a>'; ?>


    thanks

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Image alignment

    A link to the site will let us see exactly what you want to do.

  3. #3
    Join Date
    Apr 2011
    Posts
    9
    Plugin Contributions
    0

    Default Re: Image alignment

    http://www.hadleygreenclothing.co.uk


    The image of the shopping bag should be lower down



    Thanks

  4. #4
    Join Date
    Sep 2010
    Location
    Lakeland, Ga
    Posts
    8
    Plugin Contributions
    0

    Default Re: Image alignment

    Quote Originally Posted by knutsford-software View Post
    http://www.hadleygreenclothing.co.uk


    The image of the shopping bag should be lower down



    Thanks
    The easiest way may be to make a class in the css for the shopping bag and to position it be it relative or absolute, absolute would allow you to put it anywhere without disrupting the flow of the page...

    Hope this helps

 

 

Similar Threads

  1. header image alignment
    By dstegall in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 10 Sep 2011, 01:51 AM
  2. image display alignment
    By gsdcypher in forum General Questions
    Replies: 5
    Last Post: 15 Nov 2010, 10:37 PM
  3. image alignment - centerBoxHeading
    By MeltDown in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 17 Jul 2008, 08:21 PM
  4. Image Alignment
    By randyh5000 in forum Setting Up Categories, Products, Attributes
    Replies: 10
    Last Post: 2 May 2008, 08:46 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg