Form with Background Image... HELP plz

[rltamm]

Here is a possibly easy question…

I thought I figured it our but no…

Here is my site login

http://www.exegeticacademy.us/class

that will take you to login

the “form” is currently balnk no color… it was a bright blue… doesnt work for me…

I would like to add an image as background

here is my style.css I thought by changing the background-color “#e2eefa” to what is there now background:url(“url”) would work i tried background-image url:(“url”) as well …

[code]html, body {
margin: 0px;
margin-top: 10px;
padding: 0px;
border: 0px;
font-family:Arial, Helvetica, sans-

serif;
font-size:12px;
}
a img {
border:0;
}
form {
padding: 10px;
background:url(‘images/tblbkgd.jpg’);
border:

#B1C3D9 1px solid;
margin: 50px auto 0px;
width: 250px;
}
.admin_tabel {
padding: 10px;
background:url

(‘images/tblbkgd.jpg’);
border: #B1C3D9 1px solid;
width: 900px;
}
.tabel_header, .tabel_header:hover {
background-

color: #999999;
}

}
h1 {
font-size: 20px;
margin-top:0px;
text-align:center;
}
a:link, a:visited,

a:active {
color: #0000FF;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.red {
font-weight:bold;

color:#FF0000;
}
.field {
width: 200px;
}
.label {
height:14px;
margin-top:5px;
margin-bottom: 2px;
text-align:left;

font-weight:bold;
}
.button {
float:right;
}
.right {
text-align:right;
margin:10px;
}
.center {
text-align:center;
}[/code]

[malasho]

See if this takes care of it…

form { background: url("/images/tblbkgd.jpg") repeat scroll 0 0 #774400; border: 1px solid #B1C3D9; margin: 50px auto 0; padding: 10px; width: 250px; }

[ttbakiatwoam]

First this is probably better in the HTML CSS section of this site not the General PHP Help section. Second the image you are trying to call as the background image does not appear to be in the location you specified… images/tblbkgd.jpg also if your doing a solid color you might want to just put the color in the background field instead of an image like this

background: #fff;

[mrema]

hey here the video on youtube explaining how to do it. its exactly the same idea of what you are trying to do.

Reply back if you thought the video was useful. thanks.

[ttbakiatwoam]

I see you got the background to be white look up HTML color codes or CSS color codes to get the code for the blue you want. I use this site http://html-color-codes.info

[rltamm]

See if this takes care of it…

form { background: url("/images/tblbkgd.jpg") repeat scroll 0 0 #774400; border: 1px solid #B1C3D9; margin: 50px auto 0; padding: 10px; width: 250px; }

replaced that in sheet and work great… thank you…

hey here the video on youtube explaining how to do it. its exactly the same idea of what you are trying to do.

http://www.youtube.com/watch?v=WPoUfBzB09Q&feature=relmfu

Reply back if you thought the video was useful. thanks.

thank you… but couldn’t make head or tails because i am not working in fireworks… but was a good video gave me more ideas… lol

First this is probably better in the HTML CSS section of this site not the General PHP Help section. Second the image you are trying to call as the background image does not appear to be in the location you specified… images/tblbkgd.jpg also if your doing a solid color you might want to just put the color in the background field instead of an image like this

background: #fff;

wasn’t aware of another area… my apologies if i asked in wrong area… but thank you anyways for trying to help.

[malasho]

Glad it worked rltamm,

One thing for your knowledge: You will see that it has the url to the file as well as a color value (#774400). The reason for this is that it will cause the browser to default to the color if the file can’t be found or loaded. This is a nice little feature that helps maintain a decent look in such a case. You may want to change it to your liking though, I just set it to something similar to the background image.

jay

[rltamm]

Glad it worked rltamm,

One thing for your knowledge: You will see that it has the url to the file as well as a color value (#774400). The reason for this is that it will cause the browser to default to the color if the file can’t be found or loaded. This is a nice little feature that helps maintain a decent look in such a case. You may want to change it to your liking though, I just set it to something similar to the background image.

jay

Thank you, I left it as is… it works, the reason is i have a random background… there are 6 that alternate so each page typically has a different look… if you refresh it changes at random… a nice little thing i think… but the table will match all… i appreciate you help today… God Bless You./