MachForm Community Forums » MachForm 2

1. jamesdavidson
   Member

   Is there a way of having a repeating image for the background of the page but not in the form itslef.

   I would like to keep the background of the form white but at the moment I can only work out how to have the background image throughout the whole form:

   http://www.jamesdavidson.com/machform/view.php?id=3

   this is the css code I'm using

   #main_body
   {
   background:#fffff
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:small;
   margin:8px 0 16px;
   text-align:center;
   background:#fff url(http://www.jamesdavidson.com/blog/wp-content/uploads/p2/blog_bg_1242680066.gif) repeat scroll left top;

   }

   #form_container
   {
   background:#fff
   border:1px solid #ccc;
   margin:0 auto;
   text-align:left;
   width:640px;
   }

   Many thanks in advance

   Posted 14 years ago #
2. 

   redityo

   Hi,

   Try to add these CSS code to your CSS form :

   body
   {
   background: url(http://www.jamesdavidson.com/blog/wp-content/uploads/p2/blog_bg_1242680066.gif)  top left repeat;
   }

   it should solve the problem

   ---

   MachForm Support

   Posted 14 years ago #

3. jamesdavidson
   Member

   I've added it to the form but it hasn't changed anything:

   #main_body
   {

   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:small;
   margin:8px 0 16px;
   text-align:center;
   background: url(http://www.jamesdavidson.com/blog/wp-content/uploads/p2/blog_bg_1242680066.gif) top left repeat;
   }

   body
   {
   background: url(http://www.jamesdavidson.com/blog/wp-content/uploads/p2/blog_bg_1242680066.gif) top left repeat;
   }

   http://www.jamesdavidson.com/machform/view.php?id=3

   Posted 14 years ago #
4. 

   redityo

   Try to add "background-color:#fffff" to "#form_container" section. The code should be like this :

   #form_container {
   background-color:#FFFFFF !important;
   margin:0 auto;
   text-align:left;
   width:640px;
   }

   ---

   MachForm Support

   Posted 14 years ago #

5. jamesdavidson
   Member

   Brilliant - that works!

   Thanks for your help

   Posted 14 years ago #

6. studiochristy
   Member

   Ok, I have done all of this and I still can't get any image to show up on my background, it just stays white! Please help! Here is my code:

   #main_body
   {
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:small;
   margin:8px 0 16px;
   text-align:center;
   background: url(http://www.studiochristy.com/public_html/machform/images/patt_49b8c681dd7c8.jpg) top left repeat;
   }

   body
   {
   background: url(http://www.studiochristy.com/public_html/machform/images/patt_49b8c681dd7c8.jpg) top left repeat;
   }

   #form_container
   {
   background:#ffffff
   border:1px solid #ccc;
   margin:0 auto;
   text-align:left;
   width:640px;
   }
   and here is the link to the form:
   http://www.studiochristy.com/machform/view.php?id=1

   Please tell me what I am doing wrong!

   Posted 14 years ago #
7. 

   yuniar

   I've just checked your form and your CSS doesn't seem to have the background image property.
   Have you saved the CSS?

   ---

   MachForm Founder

   Posted 14 years ago #

RSS feed for this topic

Reply

You must log in to post.