Set Up a 960 Grid System web page – Part 2



VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)
Tagged on: , , ,

7 thoughts on “Set Up a 960 Grid System web page – Part 2

  1. prakash2187

    oh sorry sir. i am talking of vertical links, not horizontal links.
    if i indent to design a navigation toolbar which is veritcal. for eg:-
    Home
    About us
    Carreer
    Contact info

    So how to i approach to make this left navigation bar using grid system. Please help.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. waltdesignanddevelop

    @prakash2187 Easy to do. I had a site not to long ago, needed 6 horizontal links, and I was using a 12 column grid. So each link got the class of grid_2, and they fell in line perfectly.

    example:
    [a href class=”grid_2″] link 1 [/a] …. etc.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  3. prakash2187

    hi.,.thanks for uploading. it was helpful…

    i have a query sir.
    u have given an example of how to add a vertical navigation . if i need a horizontal navigation like usaullay 80% of wesites does, how do i use 960 grid approach for that?

    for eg:- i need a navigation toolbar at the left hand panel of the screen . i have a 6 tags to add in the vertical manner i.e; home, contact info, about us,etc. how do i use 960 grid for tha? please help..

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  4. shakaama

    @waltdesignanddevelop oh i’m bad at design i never remember about multiple browsers. hence my one website that looks beautiful in firefox and a friggin box in IE 🙁 hopefully the new version will change all that.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  5. waltdesignanddevelop

    @shakaama I think it could be used for both, standardization and easy development for new designers. The 960 CSS Framework, or any other framework, should be easier for developers to make sites work better across multiple browsers, and work with standard browser sizes. Of course a good reset CSS file, which most frameworks include, helps a site support multiple browsers.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  6. shakaama

    ok after watching both and reading the website, it seems to me like not a standardization so much as an easy method to teach new designers how to make websites.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  7. hmdadou

    Great tutorials thank you very much.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Leave a Reply