By the way, it's the background image for the "background" div that isn't showing up...
On May 6, 4:18 pm, houdini042 <[email protected]> wrote: > Hi Everyone, > > I've got this weird issue with a background image not appearing in one > of my divs. Not sure if it's because there are nested divs... Code > is below; sorry about the long CSS! I'm open to other ways of solving > it too. Any thoughts? > > Thanks in advance- > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> > <title>annezahniser.com :: Graphic Design Portfolio of Anne Zahniser</ > title> > <link href="portfolio.css" rel="stylesheet" type="text/css" /> > </head> > > <body> > <div id="background"> > > <div id="maincontent"> > <p>Welcome to annezahniser.com! Here you'll find my graphic design > portfolio, as well as samples of my artwork in other areas.</p> > <p>Check out my design portolio here, or feel free to explore the rest > of the site.</p> > </div> > > <div id="navigation"> > > <ul> > <li>Home</li> > <li>Contact Me</li> > <li>Resume</li> > <li>Design Portfolio</li> > <li>Web Stuff</li> > <li>Drawings</li> > <li>Photography</li> > <li>Printmaking</li> > <li>Jewelry</li> > <li>Links</li> > </ul> > </div> > > </div> > > </body> > </html> > > @charset "UTF-8"; > /* CSS Document */ > > body { > background-color:#d3e8f0; > background-image:url(images/whitebkgrnd.jpg); > background-position:top; > background-repeat:repeat-y; > > } > > #background { > width:780px; > margin-left:auto; > margin-right:auto; > background-image:url(images/header.jpg); > background-position:top; > background-repeat:no-repeat; > height:100%; > > } > > #maincontent { > width:450px; > float:left; > margin-left:50px; > padding-top:150px; > border-left-color:#34201c; > border-left-style:solid; > border-left-width:1px; > border-right-color:#34201c; > border-right-style:solid; > border-right-width:1px; > background-image:url(images/transparent.png); > background-position:top; > background-repeat:repeat; > > } > > p { > font-size:medium; > font-family:Arial, Helvetica, sans-serif; > color:#34201c; > margin-left:20px; > margin-right:20px; > > } > > #navigation { > width:220px; > float:left; > margin-left:10px; > border-left-color:#34201c; > border-left-style:solid; > border-left-width:1px; > border-right-color:#34201c; > border-right-style:solid; > border-right-width:1px; > background-image:url(images/transparent.png); > background-position:top; > background-repeat:repeat-y;} > > ul {margin-top:140px; > color:#34201c; > font-family:Arial, Helvetica, sans-serif; > font-size:small; > list-style-type:none; > padding-left:55px; > > } > > --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
