View Single Post - [SOLVED] Hi guys, wondering on backgrounds

karinne · #11 (**permalink**) Nov 16th, 2007, 17:01

Quote:

Originally Posted by nuddy

I wanted the image to show on the whole page, then to layer a white smaller image on top for text to go into. The logo where it is now - so basically the image would look like a thick border. When I looked before I posted I couldn't really find any advice, I think I've got the coding wrong (which isn't surprising). Once I get that, then the left navigation could layer on top of the image. Not the most complicated but I still don't quite know what I've done wrong!!

If that's the case then instead of have that background property in the #header, just put in body { }

Code: Select all

body {
    background-image:url(/ushersdemo2/images/background.jpg);
    background-repeat:no-repeat;
}

#header {
    font: 28pt century gothic,verdana,sans-serif;
    color:#FFFFFF;
    border:solid black 2px;
    padding:20px;
}

H1  { color:#FFFFFF; font-family: century gothic,arial; font-weight: 26pt }

H2, H3, H4  { color:brown; font-family:Arial; font-weight:26pt }

hr {color:navy}

p {font-size:11pt; margin-left: 15px}

a:link     {color:green}

a:visited  {color:yellow}

a:hover    {color:black}

a:active   {color:blue}