Wordpress and Webdesign Forum go41 » WordPress Code Snippets

  1. omarkhan1
    Member

    Hi Joern,

    My site is www. m a a ximum Seduction.com Sorry I had to write it this way, but I don't want the search engines to pick up my site on this board. Anyways, you can visit my ebook page. On it, you will see that my paypal code. which is this for my button

    div id="buyit" style="text-align: center;">
    <table border="0" bgcolor="white"><form id="product_22" class="product_form" action="http://www.maaximumseduction.com/our-products-and-services/checkout/" enctype="multipart/form-data" method="post"> <input name="wpsc_ajax_action" type="hidden" value="add_to_cart" /> <input name="product_id" type="hidden" value="22" />
    <div class="wpsc_buy_button_container"><input id="product_22_submit_button" class="wpsc_buy_button1" name="Buy" src="http://www.maaximumseduction.com/wp-content/plugins/wp-e-commerce/themes/iShop/images/ordernowbutton.gif" type="image" /></div>
    </form></table>
    </div>

    centers in Firefox, but not in IE.

    I have also included screenshots.

    For the FF view please click here

    For the IE image click here

    Please advise.

    By the way I have also set it inside of a div tag called "buyit" as you can see in the html area of my page editor. and in the CSS put

    #buyit {

    position:relative;
    top:20px;
    left:-40px;

    }

    So I can position its relative placement but it is not moving one bit from its place.

    Now funny thing, is when I open up IE and go to Options and click on compatibility view, it centers. But how do I take into consideration those that are using a newer version of IE where it is not centered?

    Omar from Toronto

    Posted 1 year ago #
  2. there is a css entry in /plugins/wp-e-commerce/themes/iShop/iShop.css,

    div.wpsc_loading_animation ... float:left;

    This makes the button in ff moving right and looking like centered. This loading image is hidden, so IE moves your button image to the left.

    I would remove float:left; from iShop.css first, I 'guess' the button will be more left in ff now.

    To center it you should not just write center as this is not to understand for many browsers

    Now your ordernowbutton image is in a div class="wpsc_buy_button_container"

    So add in iShop.css:
    div.wpsc_buy_button_container {
    /* not really sure what.. */
    text-align:center;
    margin:0 auto;
    }

    you might have to assign this styles to the image like this:

    div.wpsc_buy_button_container img {
    text-align:center;
    margin:15px auto;
    }

    also the empty p /p or br you use above and below the image you do not need, it's in
    margin:15px auto; giving you 15px above and below the image

    more is hard to tell because an ajax (java)script modifies the styling on load...

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

Join us! or log in (lost password?):