Forums

Alignment of an image (18 posts)

  1. neilcg
    Member
    Posted 3 weeks ago #

    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>
  2. henkholland
    Member
    Posted 3 weeks ago #

    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.

  3. neilcg
    Member
    Posted 3 weeks ago #

    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

  4. henkholland
    Member
    Posted 3 weeks ago #

    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

  5. neilcg
    Member
    Posted 3 weeks ago #

    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

  6. neilcg
    Member
    Posted 3 weeks ago #

    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

  7. henkholland
    Member
    Posted 3 weeks ago #

    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.

  8. neilcg
    Member
    Posted 3 weeks ago #

    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

  9. neilcg
    Member
    Posted 3 weeks ago #

    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

  10. henkholland
    Member
    Posted 3 weeks ago #

    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)

  11. harjeet singh
    Member
    Posted 3 weeks ago #

    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..

  12. harjeet singh
    Member
    Posted 3 weeks ago #

    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

  13. neilcg
    Member
    Posted 3 weeks ago #

    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

  14. henkholland
    Member
    Posted 3 weeks ago #

    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.

  15. neilcg
    Member
    Posted 2 weeks ago #

    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

  16. neilcg
    Member
    Posted 2 weeks ago #

    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.

  17. neilcg
    Member
    Posted 2 weeks ago #

    Hi Henkholland

    Hey Ho! may I call you a genious. It worked.

    I tried the code in one place in the stylesheet and it did nothing so tried another spot and that did the trick.

    Superb!

    My next task is to insert an image into the header. I have a basic idea how to do this, but as I dont yet have the image I want, I am having a new graphic done, it will be a few days before I try.

    So thank you very much for your help so far you have been great.

    Neil

  18. henkholland
    Member
    Posted 2 weeks ago #

    Ok Neil. Try also the docs and the Search in the forum on this header thing! It helped me a lot. I am only seven months "on Wordpress".

Reply

You must log in to post.

About this Topic

Tags

No tags yet.