Results 1 to 4 of 4
  1. #1

    Member Since
    Jun 17, 2007
    Help with banner for all pages
    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.

  2. #2
    Could you post your entire code? It would help a little bit more.

  3. #3

    wheelguy's Avatar
    Member Since
    Jun 18, 2006
    MacBook Pro
    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

  4. #4

    Member Since
    Jun 17, 2007
    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;

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. animated banner
    By bolton59 in forum Web Design and Hosting
    Replies: 4
    Last Post: 11-05-2012, 01:55 PM
  2. Banner ad at the top of the page isn't a banner
    By Janrabbit in forum Community Suggestions and Feedback
    Replies: 5
    Last Post: 06-15-2012, 10:02 AM
  3. A banner program?
    By flipsy618 in forum Images, Graphic Design, and Digital Photography
    Replies: 1
    Last Post: 01-25-2008, 10:27 PM
  4. Need a banner
    By iRock in forum Images, Graphic Design, and Digital Photography
    Replies: 2
    Last Post: 05-21-2007, 10:53 AM
  5. Website Banner
    By Audio.Trench in forum Images, Graphic Design, and Digital Photography
    Replies: 3
    Last Post: 01-03-2007, 01:16 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts