dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: Background repeats, possible CSS issue

  1. #1
    Join Date
    Dec 2017
    Posts
    1

    Background repeats, possible CSS issue

    Hi, I' new to html code and managed to gather this bit of code
    I'm trying to build a web page with text and CSS.

    Every time i load the page i have to scroll down the page as it loads too big.
    Can someone please review my code below and advise where Im going wrong please.

    Due to these settings the background image is repeating!
    I've even tried adding repeat- section but again this either does nothing or removes the image entirely.

    HTML Code:
    <html xmlns='http://www.w3.org/1999/xhtml'>
      <head>
       <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
         <title>Testing Site | Maintenance</title>
           <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
    	<style type='text/css'>html,body {padding:0;border:0;background-color:#FFFFFF}.Header_image {padding-left:20px}
    	  h1 {font-family:"verdana" ; padding:0px;margin:0px;font-size:16pt;color:#D5261e}
              h3 {font-family:"verdana" ; padding:0px;margin:0px;font-size:11pt;}
    	  p {font-family:"verdana" ; font-size:13;}
    	  div.wide_rhn {padding-bottom:17px}
    	  div.pg_three_col_border {BORDER-right: #e8e8e8 1px solid;BORDER-left: #e8e8e8 1px solid;background-color:#FFFFFF;PADDING-TOP:11px;PADDING-LEFT:17px;padding-bottom:11px;font-family:arial;font-size:75%;width: 763px;^width: 782px}
    	  table.HP_table_header {position:relative;z-index:200;padding-bottom:10px;padding-top:10px;*padding-bottom:12px}
    	  td.HP_mainmenu {border:#878787 1px solid}
    	  table.HP_Image_table {MARGIN-LEFT:100px;MARGIN-TOP:100px}
        </style>
     </head>
     <body
    	background="man-with-no-shoes.jpg"
    	background-size: auto; 
    	>
    		
    	  <table class='HP_table_header' width='960' align='center' border='0' cellpadding='0'cellspacing='0'>
      <tbody>
          <tr>
            <td class='Header_image' width='189' align='left' height='74'><img src='images/hiscox_logo.jpg' border='0' /></td>
          </tr>
        </tbody>
      </table>
      <table class='bg_body' width='1006' align='center' border='0' cellpadding='0' cellspacing='0'style='height: 500px;'>
        <tbody>
          <tr>
            <td valign='top'>
              <table width='960' align='center' border='0' cellpadding='0' cellspacing='0'>
                 <tbody>
    	       <tr>
    	         <td valign='top' width='782' align='left'>
    		   <div id='WiderhPagetitlemain'>
    		     
    			 <h1 class='page-title'>
    
    			  <b>Website Temporarily Unavailable</b>
    			<br> </br>
    			</h1>
    		     </div></div>
    
    
    		   <!-- Message -->
    
    		       <h3>Thank you for considering US provided by Tester.</h3>
    		         <br /><br />
    
    			   <h3>Due to a system upgrade we are currently unable to provide you with a service.</h3>
    		         <br /><br />
    				 
    				 
    		       <p>Please dont hesitate to call our contact centre for further assistance on nnnn nnn nnnn.<br>We're sorry for any inconvenience this has caused you.</p>
    		       
    			   <p>Mon -  Fri, 8am to 7pm.<br>Sat, 9am to 2pm<br>Calls are free from a landline.</p>
    			   <br>
    			   <br>
    			   <!--
    			 
    		       
    			   
    			   -->
    				<button onclick="goback()">Go Back</button>
    				<script>
    				function goback() {
    					window.history.back();
    				}
    				</script>
    			   
    
    			<!-- END Message -->
    
    
    	         </div></div>
    			 
    			 </td></tr></tbody>
    			 
    			<tbody>
    			  <tr>
    				<td class='footer_image' width='189' align='left' height='699'><img src='hiscox_logo.jpg' border='0' /></td>
    			  </tr>
    			</tbody>
                  </table>
               </td>
             </tr>
          </tbody>
       </table>
      </body>
    </html>
    Last edited by \\.\; 12-06-2017 at 10:21 AM. Reason: Added BBCode tags

  2. #2
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    5,547
    1. When posting code, please use forum BB Code tags, examples in my signature, it he,ps alot.
    2. Often all that is needed is the element you have a problem with or the elements that are all linked together by the problem scripting.
    3. It is also a better idea to help others help you by your formatting, a jumbled mess is likely why this has not yet had an answer!

    I have edited it for you.

    You should issue a no-repeat setting for the background, which you can set using a CSS style rather than in-line, putting CSS all over the place does not help you track faults or bugs in code.
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center