New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus Advice and insight from world-class Apple enthusiasts Exclusive access to members-only contests, giveaways and deals

Join today!

Start a Discussion

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
Web Design and Hosting Creating sites, scripting, and hosting discussions.

Help with banner for all pages

Post Reply New Thread Subscribe

Thread Tools

Member Since: Jun 17, 2007
Posts: 37
mtnman2888 is on a distinguished road

mtnman2888 is offline
Hello all, i am designing my first sight and it is a daunting task to say the least. Anyways, i designed a banner in photoshop that i am wanting to use across the top of all of my web pages, my question is how do i assign that in my css (and correspondingly in my html document)?

Through trial and error, i made a <h1><div id="banner"> in my html then assigned some properties to #banner in my css document but that proved nothing. I got it to work when i put my image in the background in the body portion of my css but it was overlapping with some text so i decided i should seperate the two. I would really appreciate some help, thanks.
QUOTE Thanks
Posts: n/a

Could you post your entire code? It would help a little bit more.
QUOTE Thanks

wheelguy's Avatar
Member Since: Jun 18, 2006
Location: Minneapolis
Posts: 191
wheelguy will become famous soon enough
Mac Specs: MacBook Pro

wheelguy is offline
On your CSS document:
#banner {
background: url(imagefolder/banner.gif) no-repeat;

on your html page:
<div id="banner"></div>
Lots of other parameters you can add, like position and div width and height. Do a little "googling" on CSS and you will find loads of good info.

If you aren't fired with enthusiasm, you will be fired with enthusiasm. -Vince Lombardi
QUOTE Thanks

Member Since: Jun 17, 2007
Posts: 37
mtnman2888 is on a distinguished road

mtnman2888 is offline
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:

<style type="text/css">
<link href="css1.css" rel="stylesheet" type="text/css" />
<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">&nbsp;</p>
<p class="p1">&nbsp;</p>
<p class="p1">&nbsp;</p>
<p class="p1">&nbsp;</p>
<p class="p1">&nbsp;</p>
<ul style="list-style">
<li> Articles</li>
<p class="p2">All contents &copy; 2008 Craig Lancaster</p>

body {
background-position:right bottom;
.p1 {
font: italic 14pt/22pt sans serif;
letter-spacing: normal;
ul {
font-family: "Courier New", Courier, monospace;
font-size: 18px;
font-style: italic;
color: white;
.p1 .style1 em {
font-family: "Courier New", Courier, monospace;
font-size: 42px;
font-style: italic;
color: #FFFFFF;
text-decoration: none;
#banner {
background-position:center top;
QUOTE Thanks

Post Reply New Thread Subscribe

« Random Background Images... | Help with creating »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

Similar Threads
Thread Starter
Last Post
Help with Facing Pages layout (InDesign) Morgan19 OS X - Apps and Games 6 03-10-2010 01:11 AM
Lost pages Stefas Web Design and Hosting 0 03-26-2008 12:34 AM
program to download a webpage and all linked pages? RONE OS X - Apps and Games 9 10-23-2007 10:32 PM
question about neo and pages Mactime Switcher Hangout 10 09-29-2007 03:49 PM
Why Pages? Ninjab3ar Switcher Hangout 3 03-12-2007 01:09 PM

All times are GMT -4. The time now is 07:28 AM.

Powered by vBulletin
Copyright ©2000 - 2015, Jelsoft Enterprises Ltd.

Welcome to

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!

(4 digit year)

Already a member?