• Hi All

    I would be grateful for some help on the alignment of an image on my home page.

    http://www.greenbananaguide.com

    I have a sign up form on the right hand side with a image panle underneath which is offset. I would like the image to be central and in line with the sign up form.

    The sign up form and image are in the sidebar, so I think I need to make some amendments to the sidebar.php but I am not sure how.

    Any advice would be great.

    Thanks

    I have put the sidebar code here:

    <div class="sidebar1">
    <!-- Web Form Generator 2.0 -->
    <center><form method="post" action="http://www.aweber.com/scripts/addlead.pl" target="_new">
    <input type="hidden" name="meta_web_form_id" value="1681709152">
    <input type="hidden" name="meta_split_id" value="">
    <input type="hidden" name="unit" value="greenbanana">
    <input type="hidden" name="redirect" value="http://www.thegreenbananaguide.com/gbgthankyou.html" id="redirect_12ba9144f1c4205d1ebba3da8b7397b0">
    <input type="hidden" name="meta_redirect_onlist" value="">
    <input type="hidden" name="meta_adtracking" value="">
    <input type="hidden" name="meta_message" value="1">
    <input type="hidden" name="meta_required" value="from">
    <input type="hidden" name="meta_forward_vars" value="0">
    <table>
    <tr><td colspan=2><center><div>Download our magazines FREE!</div></center></td></tr>
    <tr><td>Name:</td><td><input type="text" name="name" value="" size="12"></td></tr>
    <tr><td>Email:</td><td><input type="text" name="from" value="" size="12"></td></tr>
    <tr><td>Tel No (optional):</td><td><input type="text" name="custom Tel No (optional)" value="" size="12"></td></tr>
        <tr><td colspan=2><center><div><font color="#ff0000"><strong>Don't Forget to Order Your Discount Card</strong></font><br /><h1><a href="http://www.greenbananaguide.com/?page_id=267" class="style1">Order Now</a></h1>
    </div></center></td></tr>
    <tr><td align="center" colspan="2"><input type="submit" name="submit" value="Submit"></td></tr>
    </table>
    <img src="http://forms.aweber.com/form/displays.htm?id=jGwcjOwMnIysTA==" border="0" />
    </form>
    </center>
    
       <?php include (ABSPATH.'wp-content/flashfader/flashfaderhtml.txt'); ?> 
    
    	   <?php// if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
    
               <!--<li>-->
               <!--<h2>--><?php// _e('Categories'); ?><!--</h2>-->
                  <!-- <ul>-->
                   <?php //wp_list_cats('sort_column=name&hierarchical=0'); ?>
                   <!--</ul>-->
              <!-- </li>-->
    
    	   <?php //endif; ?>
    	   <!--</ul>-->
       </div>
Viewing 15 replies - 1 through 15 (of 17 total)
  • Check your site for errors:
    http://www.xhtml-css.com/

    There is such a load of them, you might consider a different theme and some better plugins.

    Thread Starter neilcg

    (@neilcg)

    Hi Henkholland

    Yikes!!!!!!!!!!

    There are a ton of errors. My only problem with another theme is that everything would not load the same and I would have to mess around again for ages.

    I am happy with my site other than the one issue I have, the image position.

    If I could just move this imag left and up a bit I would be more than happy.

    Any ideas pleae?

    Thanks

    Neil

    Sorry Neil, there are no real shortcuts here. With so many errors every change to your site will result in new problems in another browser.
    I sotimes use Stylizer to check on css errors and it won’t even let me load your site because of critical errors.
    Try at least finding this line font: 500 1em/1.5em Arial, Helvetica, sans-serif; in your style.css and correct it. That one does the blocking. It is in line 566 under code

    Thread Starter neilcg

    (@neilcg)

    Hi Henkholland

    Thank you again for your input, much appreciated. I have tried to use http://www.xhtml-css.com/ to find the error on line 566 and correct it but it does not seem to be there.

    I have found it in the stylesheet but as I don’t know what is wrong with it I can not correct it. Could you advise somewhere I can insert it which will tell me what is wrong with it. I know you will know but would rather learn myself so that I can correct code if there are errors.

    In addition, I have noticed that a lot of the errors that show are due to plugins, which I have installed. I have not in fact ended up using some of these plugins so I will get rid off them and that should reduce the error count drastically.

    Cheers

    Thread Starter neilcg

    (@neilcg)

    Hi again

    UI have taken your advice and want to clean up my code. I have been doing a lot of reading as I am new to code and find that people have encountered problems using code correctors. I dont want to make thing worse.

    Can you recommend a good source to enter my code and have it automatically corrected please.

    Thanks

    Well, actually I don’t know but I found a better online checker:
    http://jigsaw.w3.org/css-validator/

    This one gives a corrected style sheet, visible when you scroll to the bottom of the page, BUT:
    a problem seems it puts all the css code in one sheet, also the css that the plugins use.

    So I would suggest following:
    1. Make a good backup
    2. Do away all the plugins you are not using.That seems to be only “lightwindow” at this moment.
    3. On a quiet moment with regard to visitors of the site, de-activate all the other plugins and validate it through the above link.
    4. Copy and paste the corrected code in your theme’s style.css ; either local on your pc and upload it through ftp or through the admin panel of WP.
    5. Validate again, it should be free of css errors now.
    5. Activate the plugins; one at a time and do the validation again.
    6. The new errors that show, should be hand-corrected in the css of the plugin itself. Adresses are visible on the validation page, like: http://www.greenbananaguide.com/wp-content/plugins/lightwindow/css/lightwindow.css

    By the way: can you still post mssages? The front page shows an error.

    Thread Starter neilcg

    (@neilcg)

    Hi Henkholland

    Wow great advice many thanks, I will perform the steps you have outlined. Fingers crossed.

    Will let you know how I get on.

    Cheers

    Thread Starter neilcg

    (@neilcg)

    Hi again

    Can I just check with you, the validator gives firstly a dark red result and below a lighter red result.

    I presume the lighter red is the corrected code?

    Neil

    Neil,

    In my last post I was talking about this one:
    http://jigsaw.w3.org/css-validator/validator?uri=www.greenbananaguide.com&profile=css21&usermedium=all&warning=1&lang=nl

    scroll down to about halfway the page and you see the Uw gevalideerde Cascading Style Sheet = Validated Style sheet (but your plugin Lightwindows is still active)

    hi neilcg in the header of your theme it seems like the function

    <?php wp_head(); ?>

    is called twice… just remove that before continuing further rectification..

    and the errors caused in your theme is just because of the javascript in the header and Web Form Generator 2.0. if you remove that your site will pass validation

    Thread Starter neilcg

    (@neilcg)

    Hi Henkholland

    WOW! No errors you are good my friend.

    Followed your steps and put in the correct code and re-validated No errors.

    I reactivated the plugins one by one and No errors.

    The only slight problem is to the footer but I am sure that is an easy fix.

    Now just back to my original question.

    I presume I will now be able to move the image to the right a bit and up a bit, if so how would I achieve this.

    Thank you so much for your help so far it has been excellent.

    Neil

    Ok, realise that we only corrected the css errors. The coding (Xhtml) errors are still there.

    Try pasting this piece in your style.css:

    OBJECT
    {
    	float: right;
    	margin: -53px 50px 0 0;
    }

    on an empty line after any symbol }

    No guarantee! Backup the style.css first.

    Thread Starter neilcg

    (@neilcg)

    Hi Henkholland

    Sorry my friend, I do appreciate your help, but before I try as you suggest, I HAVE MESSED UP!

    I have managed to lose my background. It has gone all black.

    I was trying to install an image into the header using a dynamic header plugin.

    I have removed the plugin now but I can not get back my background.

    Any ideas before I make anymore changes.

    Thanks

    Thread Starter neilcg

    (@neilcg)

    Hi again

    I found the background problem and fixed it, I had lost a

    </div>

    Will try your suggestion now and get back to you thanks.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Alignment of an image’ is closed to new replies.