Results 1 to 3 of 3
  1. #1
    Join Date
    Apr 2008
    Posts
    73

    getting a nav header to expand length of page

    Hi,

    I usually just create navigation banners in Fireworks, drop them into an HTML template, about 1000 pix wide, and that is that!! I'll change the background color of the page generally match the median gradient coloer, and thats about it!!

    Now, I've got a client asking if the top navigation and expand out to larger monitor sizes.
    Please check
    http://www.unitedestateswines.com.yo...st_april_2008/

    Like I mentioned, its 1000 pixels wide. Hmmmm, I tried slicing a piece of it and setting it as a background, hence the banner snip on the right hand side of the navigation banner.

    How can I get an image to expand/contract? CSS somehow? I guess I'm just not sure how a Fireworks jpeg export is going to automatically change from 1000 px, up to 1280 pix, or down to 1024, etc. Any ideas would be appreciated.

    Thanks,
    Brad

  2. #2
    Join Date
    Apr 2008
    Posts
    73
    hmmmm, I basically found by setting a 40 x 800 rectangle as a background, that blueish banner covers the entire span of the webpage.
    Before:
    http://www.unitedestateswines.com.yo...st_april_2008/

    After:
    http://www.unitedestateswines.com.yo...index_page.htm

    hmmmm, I guess I'll have to experiment with my Fireworks Export as HTML / Export slices in order to get the buttons to float over the new page.

    any ideas?

  3. #3
    Join Date
    May 2004
    Location
    Pflugerville, TX
    Posts
    11,222
    Hi Brad,

    Are you willing to learn more about the technologies you're using, to ditch the slicing/exporting methods from Fireworks (and all others, they're all quite bad), and learn how to work with the technology at the code level? Or are you looking for a quick fix?
    Studio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design

Posting Permissions

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