Thanks for the help i got the banner up there although i'm still having a few issues:
1. i matched the background color of the image in the bottom right to my page and it shows up fine on opera but it shows up two different colors on safari.
2. i'm having problems getting all the text lined up on the left side of the page for some reason.
3. the banner won't center itself across the top center even though i have that entered for it under background-position.
Keep in mind that i'm very new to all this so sorry if the questions fall into the "idiot" category, also, hopefully my code isn't too much of a mess. I have dreamweaver but i'm trying to do most of it by code. Here it is:
html:
<style type="text/css">
</style>
<link href="css1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="banner"></div>
<p class="p1"><span class="style1"><em>W</em></span>elcome to the Backpacking Angler, where fly rod and solitude always meet. Long hikes with heavy backpacks, sore feet, and eager fish tempt an angler willing to commit to what some call the ultimate fly fishing experience. While other fisherman hammer roadside streams basking in the convenience of their fishing experience, the backpacking angler combs through thick rhododendron and increasingly narrowing trails to experience the most that the mountains have to offer.<br />
<span class="style1"><em>B</em></span>ackpacking Angler is a new site dedicated to those who traverse areas other anglers shun in search of fly fishing paradise. Whether you frequently enjoy backcountry trips or you are a novice wanting to learn, it is my hope that this site will both entertain and enrich anglers through a wide spectrum of media designed to accomodate different styles, inluding:</p>
<p class="p1"> </p>
<p class="p1"> </p>
<p class="p1"> </p>
<p class="p1"> </p>
<p class="p1"> </p>
<ul style="list-style">
<li> Articles</li>
<li>Podcasts</li>
<li>Photos</li>
<li>Blog</li>
</ul>
<p class="p2">All contents © 2008 Craig Lancaster</p>
</body>
</html>
css:
body {
background-color:#46630a;
color:white;
background-image:url(Straight%20Fork,%207-14-07%20008.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:right bottom;
}
.p1 {
font: italic 14pt/22pt sans serif;
text-align:left;
width:40%;
float:left;
letter-spacing: normal;
}
ul {
font-family: "Courier New", Courier, monospace;
font-size: 18px;
font-style: italic;
float:left;
color: white;
}
.p1 .style1 em {
font-family: "Courier New", Courier, monospace;
font-size: 42px;
font-style: italic;
color: #FFFFFF;
text-decoration: none;
}
#banner {
background-image:url(BackpackingBannerUpdated2.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
height:150px;
width:1000px;
border:#46630a;
border-width:medium;
}