Appnitro Software Forums » MachForm

Repeating backgound image but not in the form itself

(7 posts)
  • Started 2 years ago by jamesdavidson
  • Latest reply from yuniar

  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 2 years ago #

  2. redityo
    MachForm Support

    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

    Posted 2 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 2 years ago #

  4. redityo
    MachForm Support

    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;
}
    Posted 2 years ago #

  5. jamesdavidson
    Member

    Brilliant - that works!

    Thanks for your help

    Posted 2 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 2 years ago #

  7. yuniar
    MachForm Founder

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

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.