Appnitro Software Forums » MachForm

CSS - Glueing a center image

(9 posts)

  1. djones
    Member

    I am trying to add custom CSS. Place image in the center and wrap with a gradient. Here is my code. I believe the background gradient needs to be placed into a different class or ID. I tried to find it without sucess using Firefox web developer tools. The center image does show however the gradient does not. Please advise

    #main_body
    {
    background: #73ADD7 url("/images/gradient.gif") repeat-x;
    background-color: transparent;
    background-image: url("/images/sky.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:small;
    margin:8px 0 16px;
    text-align:center;
    }

    Posted 1 year ago #

  2. yuniar
    MachForm Founder

    Try use full path for your background image path.

    Something like this:

    background: #73ADD7 url("http://www.example.com/images/gradient.gif") repeat-x;
    Posted 1 year ago #

  3. himpress
    Member

    OK will try tomorrow I'm off to bed thanks for being so fast on response

    Jay

    PS Like other users I really think you deliver a great product.

    Posted 1 year ago #

  4. djones
    Member

    Yuniar,

    I tried the full path and it is still not working. I have another peculiar issue.
    The CSS for the following (2) links are identical. One renders the background and the other does not????

    http://www.computerhelpamerica.com/machform/view.php?id=17
    http://www.computerhelpamerica.com/machform/view.php?id=34

    '#main_body
    {

    background-image: url("http://computerhelpamerica.com/images/gradv5.gif");
    background-repeat: repeat-x;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:small;
    margin:8px 0 16px;
    text-align:center;
    }'

    Posted 1 year ago #

  5. yuniar
    MachForm Founder

    Actually, the CSS on your first form doesn't have the same code. It seems to be malformed:

    #main_body
{

        background-image: url("http://computerhelpamerica.com/images/gradv5.gif")repeat-x;
        font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	margin:8px 0 16px;
	text-align:center;
}

    I think you'll need to fix the first and second line.

    Posted 1 year ago #

  6. djones
    Member

    Tried that... still no background showing.

    Posted 1 year ago #

  7. Saghalie
    Pro Member

    Go back to your first code and after background-image: url("/images/sky.jpg");

    Change it to background-image: url("/images/sky.jpg") !important;

    See if that works. I'm not sure if it will, but give it a try. To me, it seems that the Background: and background-image: cancel each other out and you will ONLY see one image. (/shrug)

    Regards,

    Saghalie
    http://www.kcmhosting.com

    Posted 1 year ago #

  8. djones
    Member

    Was unable to get the gradient working. Changed background to black at this time.

    Posted 1 year ago #

  9. yuniar
    MachForm Founder

    Actually, the code I posted above is the "malformed" one, which you currently have. You need to fix it to be the same as the other form.

    Anyway, if you need my help, please send me the login to your machform and I'll fix it.

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.