Page Formatting Issues - Backgroup Wrapping

[hummy]

Hi all...

 

I'm fairly new coding and PHP and am trying to learn it as i go along really. I have a formatting issue on the webpage www.TaxRefundClaim.co.uk/agent.php

 

The problem is that the contact information form is outside of the background and main frame around the text. I've tried to get the contact form into the main frame but not having much luck. Everytime i try it the contact form moves either to the left or the right and does not stay in the centre which is what i would like.

 

Does anyone know how i can wrap the background around the form much like what has already been done on the other pages on the website.

 

P.S :- I actually got someone else to write the other parts of the website and just updating it with a new page which i thought i would attempt.

 

Thanks in advance for your help.

[vozzek]

Haven't looked into your formatting problem, but I will point out an error in one of your top images.

 

"Claim back what your due"

 

This should be "Claim back what you[red]'re[/red] due".  "You're" is a conjunction of "you are" - that's the one you want.  'Your' is the possessive form.

 

Good luck with the site, looks good otherwise. 

 

[hummy]

thanks for pointing that out....

didn't see that my self. I suppose thats what i get for having a chinese guy do my website. Thanks

[phpQuestioner]

 

I think you have you form outside the div, that has the background image in it. I didn't look at your css; but from your html, it looks that way.

[bronzemonkey]

I've looked through your html and css. Whoever is making the site for you is designing it as if they were still using tables and with no interest in marking up the content appropriately.

 

- There is no use of heading tags. This is not only going to affect accessibility but also the ability of search engines to properly index your site

- There is no use of paragraph tags to denote and format paragraphs.

- There are far too many divs because every line is wrapped in a div with a specific font size/color class. There are too many general wrapping divs and unnecessary spacer divs.

- Lists of information are not marked up as lists but are just presented with divs again. Use a list and put the bullet image as a background image (control by the css file) on the li or a element.

- There is liberal use of inline styles (styles in the actual html code) which is completely unnecessary given that you are also heavily relying on external css files. The inline styles will make presentational control from the external stylesheets over certain elements not possible.

 

This would be a more appropriate form for your body markup to take - cleaner, makes more sense even when not styled, reduces page-weight, helps with some accessibility issues, and is also going to make presentational changes/updates easier because they can be better controlled from the stylesheets alone. Text transformation (e.g. all uppercase) should also be controlled from the stylesheet.

 

<div align="wrapper">

<div id="header"><!-- header -->
	<img src="images/logo.jpg" /><img src="images/banner.jpg" />
</div><!--end header -->
    
    <div id="menu">
   		<ul>
    		<li><a href="index.php">Home</a></li>
    		<li><a href="testimonials.html">Testimonials</a></li>
    		<li><a href="faqs.html">Faqs</a></li>
    		<li><a href="contactus.php">Contact us</a></li>
    		<li><a href="agent.php">Become an agent</a></li>
    	</ul>
    </div><!-- menu -->

    <div class="content_wrapper"> <!-- content wrapper -->
    	<div class="ads"></div>
        <div class="content_main_top"></div><!-- content top -->
        <h1>Would you like to earn money by handing out money?</h1>
        <h2>All you do is help us hand out tax refunds to thousands of people!</h2>
        <h3>Become A Refunds Direct Agent | Sign up today, starting earning tomorrow!</h3>
        <p>Did you know that 1 in 3 people pay too much tax? And did you know that means 10 million people in the UK could be due a tax refund?</p>
        <p>Let us let you in to a little secret – most of the 30 million tax payers in the UK do not know either! As a result billions, (not millions, but billions) of pounds remain in the taxman’s hands that rightfully belongs to ordinary people. People you will know - your friends and family, colleagues at work, parents of your kids' school friends, plus all those that can easily be reached in your local community. And that is why becoming a Refunds Direct Agent can be such a rewarding experience. Our business opportunity means you will earn money by handing out tax refund cheques</p>
        <p>Ours is a business opportunity where you make the decisions. You can choose to get refunds for your friends and family in your spare time or you may choose to dedicate more time and launch a full-time business of your own.</p>
        
        <ul>
        	<li>No Tax Experience Required - Company does all Tax Work</li>
            <li>Benefit from comprehensive training and ongoing dedicate support for agents</li>
            <li>Work from home, Part time or Full time</li>
            <li>Excellent value 'No Win No Fee' pricing and Excellent customer service</li>
            <li>Commision Based earnings - Very generous commission and bonuses</li>
            <li>Get earning quickly, ours is a very simple business to understand, implement & run</li>
            <li>Massive market of over 25 million PAYE taxpayers in the UK</li>
            <li>Straight-forward marketing plan and proven tools to get your customers</li>
            <li>Simple claim forms, take only 5 minutes to complete</li>
            <li>Work Alone or Build a Team</li>
        </ul>

        <h3>Let Us Help you to Start your Very Own Tax Refund Business<br />Simply leave your details in the box below and you will receive an information pack on the opportunity.</h3>

        <div class="contact_form">
        	<form action="" method="post">
            	<fieldset>
                	<legend>Contact Information</legend>
                    <div>
                    	<label for="name">Name:</label>
                        <input name="name" id="name" type="text" size="45" />
                    </div>
                    <div>
                    <label for="email">Email:</label>
                    <input name="email" id="email" type="text" size="45" />
                    </div>
                    <div>
                    <label for="contactNo">Contact Number:</label>
                    <input name="contactNo" id="contactNo" type="text" size="35" />
                    </div>
                    <div>
                    <label for="message">Message:</label>
                    <textarea name="message" id="message" cols="40" rows="5"></textarea>
                    </div>
                    <div>
                    <input name="submit" onClick="return checkmail(this.form.email)" type="submit" value="submit" />
                    </div>
                    <p>Information Pack will be sent via Email.</p>
                    <p>Your contact details are safe and will be kept confidential and not passed onto third parties.</p>
            	</fieldset>
        	</form>
        </div>
        
	<div class="content_main_bottom"></div><!-- content bottom -->	
</div><!-- end contet_wrapper-->
    
    <div class="footer">
    	<ul>
        	<li><a href="index.php">Home</a></li>
        	<li><a href="testimonials.html">Testimonials</a></li>
        	<li><a href="faqs.html">Faqs</a></li>
        	<li><a href="contactus.php">Contact us</a></li>
        	<li><a href="agent.php">Become an agent</a></li>
        </ul>
        
        <p>www.taxrefundclaim.co.uk © 2007 All Rights Reserved | Developed by cool-peppers</p>
    </div><!-- footer -->
</div><!-- end wrapper -->