Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 14

Thread: 100% banner?

  1. #1
    Senior Member
    Join Date
    Mar 2004
    Posts
    1,518
    Member #
    5220
    Ahhhh!!! How do I get a banner on a web site to stretch to 100%. It has nav in it and if I change its width it messes up. I tried this is dreamweaver:

    Took a thin slice of the end and saved it. Made a 2 column table and in the left column put the banner, then (with a border width of "0" and with the "Horz" setting to Left and the "Vert" Setting to Bottom, inserted the end slither of the banner into the right column with a width of 100%.

    When I preview, there is a very slight (about 1 - 2px) white break between the joins!! I heard there is a way to do this but how??????

    I hope you understand me, thanks, will7.

    EDIT: Oh, and the nav is made in Fireworks and sliced up (obviously).
    Rednerve
    Creative Freelance Design

  2.  

  3. #2
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    And why don't you simply use 1 column, put the image on it and put the slice as background?

  4. #3
    Senior Member
    Join Date
    Mar 2004
    Posts
    1,518
    Member #
    5220
    That doesn't seem to work. It it is like about 1 pixel above where I want it on the background.

    EDIT: Using that method, it works if the window is not maximized. If the window is maximized (which it ideally has to be for the site to display properly) then it appears about 1 pixel up and 1 pixel to the left of where I want it. Any way I can solve this?
    Rednerve
    Creative Freelance Design

  5. #4
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    Yes, with CSS:
    Code:
    banner {
     background-image:url(slice.gif);
     background-position:1px 1px
    }

  6. #5
    Banned
    Join Date
    Jun 2004
    Posts
    14
    Member #
    6284
    Quote Originally Posted by will7
    Ahhhh!!! How do I get a banner on a web site to stretch to 100%. It has nav in it and if I change its width it messes up. I tried this is dreamweaver:

    Took a thin slice of the end and saved it. Made a 2 column table and in the left column put the banner, then (with a border width of "0" and with the "Horz" setting to Left and the "Vert" Setting to Bottom, inserted the end slither of the banner into the right column with a width of 100%.

    When I preview, there is a very slight (about 1 - 2px) white break between the joins!! I heard there is a way to do this but how??????

    I hope you understand me, thanks, will7.


    The way you cratique everyones work like you are an expert web designer you should know how to do something so simple. If you need help from a pro feel free to let me know and I will help!

    EDIT: Oh, and the nav is made in Fireworks and sliced up (obviously).

  7. #6
    Senior Member
    Join Date
    Mar 2004
    Posts
    1,518
    Member #
    5220
    xarst, do I replace 'banner' with the the name of my banner file (banner02.htm). Also, where abouts do I put this code?
    Rednerve
    Creative Freelance Design

  8. #7
    Senior Member seanmiller's Avatar
    Join Date
    Sep 2003
    Location
    Glastonbury, UK
    Posts
    868
    Member #
    3263
    Liked
    1 times
    No, banner is the class name...

    <td class="banner" width="100%"><img src="banner02.htm" /></td>

    Put the definition of banner either in an external css file or simply at the top of your page (in the header) like this...

    Code:
    <style>
      .banner {
        background-image:url(slice.gif);
        background-position:1px 1px;
        text-align: center;
      }
    </style>
    Sean

  9. #8
    Senior Member
    Join Date
    Mar 2004
    Posts
    1,518
    Member #
    5220
    Where abouts do I put:

    <td class="banner" width="100%"><img src="banner02.htm" /></td>

    Sorry. I'm really new to this CSS stuff.
    Rednerve
    Creative Freelance Design

  10. #9
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    Oh, it's ".banner", with the dot before the name. Then use the code you posted above by you.

  11. #10
    Senior Member
    Join Date
    Mar 2004
    Posts
    1,518
    Member #
    5220
    Yes but where do I put that code?
    Rednerve
    Creative Freelance Design


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:37 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com