Forums
New posts
Articles
Product Reviews
Policies
FAQ
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Menu
Log in
Register
Install the app
Install
Forums
Digital Lifestyle
Web Design and Hosting
Help with banner for all pages
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="mtnman2888" data-source="post: 700158" data-attributes="member: 32827"><p>Thanks for the help i got the banner up there although i'm still having a few issues:</p><p>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.</p><p>2. i'm having problems getting all the text lined up on the left side of the page for some reason.</p><p>3. the banner won't center itself across the top center even though i have that entered for it under background-position.</p><p></p><p>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:</p><p></p><p>html:</p><p><style type="text/css"></p><p> </style></p><p><link href="css1.css" rel="stylesheet" type="text/css" /></p><p></head></p><p><body></p><p><div id="banner"></div></p><p> </p><p> <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 /></p><p> <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><p> <p class="p1"> </p></p><p> <p class="p1"> </p></p><p> <p class="p1"> </p></p><p> <p class="p1"> </p></p><p> <p class="p1"> </p></p><p> <ul style="list-style"></p><p> <li> Articles</li></p><p> <li>Podcasts</li></p><p> <li>Photos</li></p><p> <li>Blog</li></p><p> </ul></p><p> <p class="p2">All contents © 2008 Craig Lancaster</p> </p><p></body></p><p></html></p><p></p><p></p><p></p><p>css:</p><p>body {</p><p> background-color:#46630a;</p><p> color:white;</p><p> background-image:url(Straight%20Fork,%207-14-07%20008.jpg);</p><p> background-repeat:no-repeat;</p><p> background-attachment:scroll;</p><p> background-position:right bottom;</p><p> }</p><p>.p1 {</p><p> font: italic 14pt/22pt sans serif;</p><p> text-align:left;</p><p> width:40%;</p><p> float:left;</p><p> letter-spacing: normal;</p><p> }</p><p>ul {</p><p> font-family: "Courier New", Courier, monospace;</p><p> font-size: 18px;</p><p> font-style: italic;</p><p> float:left;</p><p> color: white;</p><p> }</p><p>.p1 .style1 em {</p><p> font-family: "Courier New", Courier, monospace;</p><p> font-size: 42px;</p><p> font-style: italic;</p><p> color: #FFFFFF;</p><p> text-decoration: none;</p><p>}</p><p>#banner {</p><p> background-image:url(BackpackingBannerUpdated2.jpg);</p><p> background-repeat:no-repeat;</p><p> background-attachment:scroll;</p><p> background-position:center top;</p><p> height:150px;</p><p> width:1000px;</p><p> border:#46630a;</p><p> border-width:medium;</p><p> }</p></blockquote><p></p>
[QUOTE="mtnman2888, post: 700158, member: 32827"] 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; } [/QUOTE]
Verification
Post reply
Forums
Digital Lifestyle
Web Design and Hosting
Help with banner for all pages
Top