https://www.machform.com/forums/ MachForm Community Forums Topic: CSS - Glueing a center image en Sun, 03 May 2026 23:06:25 +0000 https://www.machform.com/forums/topic/css-glueing-a-center-image#post-9066 Fri, 26 Mar 2010 17:31:04 +0000 yuniar 9066@https://www.machform.com/forums/ <p>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.</p> <p>Anyway, if you need my help, please send me the login to your machform and I'll fix it. </p> https://www.machform.com/forums/topic/css-glueing-a-center-image#post-9050 Thu, 25 Mar 2010 12:49:55 +0000 djones 9050@https://www.machform.com/forums/ <p>Was unable to get the gradient working. Changed background to black at this time. </p> https://www.machform.com/forums/topic/css-glueing-a-center-image#post-9047 Thu, 25 Mar 2010 08:30:45 +0000 Saghalie 9047@https://www.machform.com/forums/ <p>Go back to your first code and after background-image: url("/images/sky.jpg");</p> <p>Change it to background-image: url("/images/sky.jpg") !important;</p> <p>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)</p> <p>Regards,</p> <p>Saghalie<br /> <a href="http://www.kcmhosting.com" rel="nofollow">http://www.kcmhosting.com</a> </p> https://www.machform.com/forums/topic/css-glueing-a-center-image#post-9032 Tue, 23 Mar 2010 19:54:40 +0000 djones 9032@https://www.machform.com/forums/ <p>Tried that... still no background showing. </p> https://www.machform.com/forums/topic/css-glueing-a-center-image#post-9026 Tue, 23 Mar 2010 14:33:46 +0000 yuniar 9026@https://www.machform.com/forums/ <p>Actually, the CSS on your first form doesn't have the same code. It seems to be malformed:</p> <pre><code>#main_body { background-image: url(&quot;http://computerhelpamerica.com/images/gradv5.gif&quot;)repeat-x; font-family:&quot;Lucida Grande&quot;, Tahoma, Arial, Verdana, sans-serif; font-size:small; margin:8px 0 16px; text-align:center; }</code></pre> <p>I think you'll need to fix the first and second line. </p> https://www.machform.com/forums/topic/css-glueing-a-center-image#post-9006 Mon, 22 Mar 2010 20:50:08 +0000 djones 9006@https://www.machform.com/forums/ <p>Yuniar, </p> <p>I tried the full path and it is still not working. I have another peculiar issue.<br /> The CSS for the following (2) links are identical. One renders the background and the other does not????</p> <p><a href="http://www.computerhelpamerica.com/machform/view.php?id=17" rel="nofollow">http://www.computerhelpamerica.com/machform/view.php?id=17</a><br /> <a href="http://www.computerhelpamerica.com/machform/view.php?id=34" rel="nofollow">http://www.computerhelpamerica.com/machform/view.php?id=34</a></p> <p>'#main_body<br /> {</p> <p> background-image: url("http://computerhelpamerica.com/images/gradv5.gif");<br /> background-repeat: repeat-x;<br /> font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;<br /> font-size:small;<br /> margin:8px 0 16px;<br /> text-align:center;<br /> }' </p> https://www.machform.com/forums/topic/css-glueing-a-center-image#post-9005 Mon, 22 Mar 2010 12:49:04 +0000 himpress 9005@https://www.machform.com/forums/ <p>OK will try tomorrow I'm off to bed thanks for being so fast on response</p> <p>Jay</p> <p>PS Like other users I really think you deliver a great product. </p> https://www.machform.com/forums/topic/css-glueing-a-center-image#post-9004 Mon, 22 Mar 2010 12:23:15 +0000 yuniar 9004@https://www.machform.com/forums/ <p>Try use full path for your background image path.</p> <p>Something like this:<br /> <pre><code>background: #73ADD7 url(&quot;http://www.example.com/images/gradient.gif&quot;) repeat-x;</code></pre> https://www.machform.com/forums/topic/css-glueing-a-center-image#post-8982 Mon, 22 Mar 2010 02:17:08 +0000 djones 8982@https://www.machform.com/forums/ <p>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</p> <p>#main_body<br /> {<br /> background: #73ADD7 url("/images/gradient.gif") repeat-x;<br /> background-color: transparent;<br /> background-image: url("/images/sky.jpg");<br /> background-repeat: no-repeat;<br /> background-attachment: scroll;<br /> background-position: center top;<br /> font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;<br /> font-size:small;<br /> margin:8px 0 16px;<br /> text-align:center;<br /> } </p>