SitePoint Sponsor

User Tag List

Results 1 to 17 of 17
  1. #1
    SitePoint Enthusiast rutters's Avatar
    Join Date
    Nov 2002
    Location
    ct
    Posts
    85
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    fluid web sites?

    Hey everyone,


    How do you make graphics fluid, I want to create a web page layout, with some boxes that are fluid, when dynamic code is placed into them their shaped can expand without distorting the box.

    Does anyone have any resources I can check out so I can do this.

    I used adobe image ready and fireworks mx to make my layouts.

    Jake

  2. #2
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,811
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Depends if you want to go with a standards site or 'orrible tables based one (unbiased view ). Since you're using image ready, you'll prolly want a tables based one, which leave only one question, which way dya want it to expand?
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  3. #3
    SitePoint Wizard aaron.martone's Avatar
    Join Date
    Feb 2003
    Location
    Florida, USA
    Posts
    2,322
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Can I ask what 'fluid' means? I'm only assuming that it has to do with images being designed to handle sites at multiple resolutions (like fluid, it fits the form of its container)

    If not, someone please enlighten me. Thx.

  4. #4
    SitePoint Enthusiast rutters's Avatar
    Join Date
    Nov 2002
    Location
    ct
    Posts
    85
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok,

    For example - http://bayportflowers.com/bayportflower/default.htm

    the tables on the left - shop online and specials
    the specials box is able to contract and expand with different sized pictures - how do you do that?

    set the tables to percentages? or use background images?

    Jake

  5. #5
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by rutters
    Ok,

    For example - http://bayportflowers.com/bayportflower/default.htm

    the tables on the left - shop online and specials
    the specials box is able to contract and expand with different sized pictures - how do you do that?

    set the tables to percentages? or use background images?

    Jake
    Actually, that's just automatically being done by the browser. Just don't set the table/table-cell width to anything, and it will stretch to accomodate the content, as it does with the different size images.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  6. #6
    SitePoint Zealot amri's Avatar
    Join Date
    Dec 2002
    Posts
    133
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  7. #7
    SitePoint Wizard aaron.martone's Avatar
    Join Date
    Feb 2003
    Location
    Florida, USA
    Posts
    2,322
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    fluid...fluid...fluid...... The website looks like every other website I've seen...what is fluid?

  8. #8
    Senior Webdesigner koolbrian's Avatar
    Join Date
    Dec 2000
    Location
    Mauritius
    Posts
    599
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    fluide=clear= easy to navigate = clean layout
    i guess
    BrianStudio - the webdesign company
    Professional & Affordable
    Brian Dove - Senior Graphic Designer
    Direct Hire: info@brianstudio.com

  9. #9
    Bimbo With A Brain! silver trophy Saz's Avatar
    Join Date
    Mar 2001
    Location
    Kent, United Kingdom
    Posts
    5,275
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by aaron.martone
    Can I ask what 'fluid' means? I'm only assuming that it has to do with images being designed to handle sites at multiple resolutions (like fluid, it fits the form of its container)

    If not, someone please enlighten me. Thx.
    When you view a website, adjust the size of your browser window. If the site shrinks/expands to fit, then it's fluid.
    Saz: Naturally Blonde, Naturally Dizzy!
    No longer Editor of the Community Crier.

    Don't mind me, I'm having a BLONDE moment!

  10. #10
    SitePoint Addict madproject.com's Avatar
    Join Date
    Jan 2003
    Location
    Ottawa, Canada
    Posts
    268
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dynamic = fluid

    Static = solid
    Free Picture and Video Hosting
    [http://photocabin.com][http://madproject.com]

  11. #11
    Bimbo With A Brain! silver trophy Saz's Avatar
    Join Date
    Mar 2001
    Location
    Kent, United Kingdom
    Posts
    5,275
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No.

    Dynamic = content loaded via a database

    Static = content hard-coded into the page

    That's nothing to do with whether a site is fluid or not. A site can be fluid in design and have the content hard-coded into each page just as much as a site can be a fixed size and have the content pulled from a database.
    Saz: Naturally Blonde, Naturally Dizzy!
    No longer Editor of the Community Crier.

    Don't mind me, I'm having a BLONDE moment!

  12. #12
    SitePoint Wizard aaron.martone's Avatar
    Join Date
    Feb 2003
    Location
    Florida, USA
    Posts
    2,322
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Ok, fluid design. Got it. Expandable content area dependant on resolution.

  13. #13
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,811
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by aaron.martone
    Ok, fluid design. Got it. Expandable content area dependant on resolution.

    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  14. #14
    SitePoint Addict madproject.com's Avatar
    Join Date
    Jan 2003
    Location
    Ottawa, Canada
    Posts
    268
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Saz249
    No.

    Dynamic = content loaded via a database

    Static = content hard-coded into the page

    That's nothing to do with whether a site is fluid or not. A site can be fluid in design and have the content hard-coded into each page just as much as a site can be a fixed size and have the content pulled from a database.
    I ment that the table is dynamicly resized it doesn't have set parameters also known as a static value.
    Sheesh.
    Free Picture and Video Hosting
    [http://photocabin.com][http://madproject.com]

  15. #15
    Bimbo With A Brain! silver trophy Saz's Avatar
    Join Date
    Mar 2001
    Location
    Kent, United Kingdom
    Posts
    5,275
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    When web developers talk about dynamic websites, they mean those which have their content pulled from a database, so if you tell people that a fluid site is another name for a dynamic one, then they see people talking about building a dynamic site, they're going to get the wrong end of the stick.

    I corrected what you said to save this confusion.
    Saz: Naturally Blonde, Naturally Dizzy!
    No longer Editor of the Community Crier.

    Don't mind me, I'm having a BLONDE moment!

  16. #16
    Object Not Found junjun's Avatar
    Join Date
    Mar 2002
    Location
    northern MI
    Posts
    1,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Saz249
    When web developers talk about dynamic websites, they mean those which have their content pulled from a database, so if you tell people that a fluid site is another name for a dynamic one, then they see people talking about building a dynamic site, they're going to get the wrong end of the stick.
    This is actually quite important, I've met too many confused clients with confused oppinions of terms, often created by web-duh-signers that are a little confused on these terms themselves :-)

  17. #17
    SitePoint Addict madproject.com's Avatar
    Join Date
    Jan 2003
    Location
    Ottawa, Canada
    Posts
    268
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Saz249
    When web developers talk about dynamic websites, they mean those which have their content pulled from a database, so if you tell people that a fluid site is another name for a dynamic one, then they see people talking about building a dynamic site, they're going to get the wrong end of the stick.

    I corrected what you said to save this confusion. [img]images/smilies/smile.gif[/img]
    Fair enough, I was just playing around with the whole what's fluid & solid thing-a-mahjig.
    Free Picture and Video Hosting
    [http://photocabin.com][http://madproject.com]


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
  •