Results 1 to 8 of 8

Thread: Newb question

  1. #1
    Join Date
    Aug 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Newb question

    I'v seen websites with endless image banners, for example , the banner keeps going all the way to the right of the screen, if u minimize or maximize it wont make a difference. Is that some type of trick? or how to make an endless banner without buttom scroll bar. it keeps extending or shrinks when u move the windows box.

    Am a newb i know.

    Just a question am very interested to find out about

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    A banner of that sort is really more like a header. One thing you could do is look at the source code of the page to see how they do it. I imagine that there are different ways. One way would be to have an image as a part of the header with a solid background color or one that fades into a solid color at the right. Then make the rest of the header out of text with a background color that matches the color of your image at its right hand edge.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Feb 2007
    Posts
    145
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default

    could be a background image

  4. #4
    Join Date
    May 2007
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Those kinds of websites are most likely using CSS. If you have an image you can make the image pretty big like 300 high by 1400 wide (Or what ever you want the image to be), you want the width to be pretty large so it will stretch along most resolutions. Like this guy did (http://www.northcolour.com/), the CSS would look like:

    body {
    background-image:url(path to image);
    background-repeat:no-repeat;
    }

    Other wise if you have a background image you want to repeat like (http://www.someguynamedcarl.com/) you would slice up the image and add it to your css code like this:

    body {
    background-image:url(path to image);
    background-repeat:repeat-x;
    }

    If your new to web design I would suggest learning CSS.

  5. #5
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Like this guy did (http://www.northcolour.com/)
    It also fades into black.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  6. #6
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    thats a nice site

  7. #7
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Agreed -- the designer is a genius. Don't think much of the coder though.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  8. #8
    Join Date
    May 2006
    Location
    Sydney, Australia - Near the coast.
    Posts
    1,995
    Thanks
    0
    Thanked 8 Times in 7 Posts

    Default

    At least it validates.
    Some people like XHTML. Heck, even the W3C uses a XHTML Doctype.
    Peter - alotofstuffhere[dot]com - Email Me - Donate via PayPal - Got spare hardware? Donate 'em to me :) Just send me a PM.
    Currently: enjoying the early holidays :)
    Read before posting: FAQ | What you CAN'T do with JavaScript | Form Rules | Thread Title Naming Guide

Bookmarks

Posting Permissions

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