CSS background & border graphic confusion
i'm helping lady few things on site don't know how fix purple gradient background (http://mabelspralines.com/images/subbgprod.png) show behind products table (table bg stays white) here
http://mabelspralines.com/_productsfinal.html new
to here:
http://mabelspralines.com/products.html previous
css: http://mabelspralines.com/styles/global.css
also original site had gold shaded border not @ top now, down sides of content div , bottom part of footer. here images:
http://mabelspralines.com/images/vertbg.jpg
http://mabelspralines.com/images/bottbg.jpg
i tried few things, can't seem make display original designer intended - 1 wrong css adjustment , whole thing goes haywire.
also, why there 1/2" space above header on each page?
thanks pointing me in right direction!
<!doctype html> <html> <head> <meta charset="utf-8"> <title>untitled document</title> <style> html { background: #faf1c6; height: 100%; } body { width: 800px; margin: auto; } .heading { background: url(http://mabelspralines.com/images/bannerv3.png); height: 90px; } .nav { background: url(http://mabelspralines.com/images/topbg.jpg) no-repeat; height: 65px; text-align: center; } .content-wrapper { background: url(http://mabelspralines.com/images/vertbg.jpg) repeat-y; overflow: hidden; position: relative; min-height: 300px; } .article { background: #fff url(http://mabelspralines.com/images/subbgprod.png) no-repeat; width: 759px; left: 6px; padding: 15px; position: absolute; min-height: 250px; } .footer { background: url(http://mabelspralines.com/images/bottbg.jpg) no-repeat; height: 40px; padding: 15px; } </style> </head> <body> <div class="heading"></div> <div class="nav">menu goes here</div> <div class="content-wrapper"> <div class="article"><h2>article</h2></div> </div> <div class="footer">footer</div> </body> </html>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment