Web Design Forum: Where to put css (how to organise)? - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Where to put css (how to organise)?

#1 User is offline   Dave_Webb 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 239
  • Joined: 18-May 08
  • Reputation: 0
  • Gender:Male
  • Location:London UK
  • Experience:Advanced
  • Area of Expertise:Entrepreneur

  Posted 24 May 2009 - 01:14 PM

Im currently making my website using css. I put all the css for each page in a separate style sheet e.g. index.html has index.css, contact.html has contact.css ect. Is this the correct way to do it? I read somewhere that all css should be put into one style sheet for quicker loading, but my site is quite big and there’s alot of css code.

Also, should I put the css for the header and footer in one separate style sheet this way I can edit in the future with out having to edit each individual style page.

Hope I explained this ok

Thank you
0

#2 User is offline   Scott S 

  • Coffee/Nicotine addicted Expert, who does NOT work for ModX!
  • PipPipPipPipPip
  • Group: Members
  • Posts: 2,131
  • Joined: 07-November 07
  • Reputation: 9
  • Gender:Male
  • Location:London
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 24 May 2009 - 02:26 PM

It all comes down to personal preference.

As a rule, I have:

styles.css <-- layout and fonts etc
print.css <-- styling for when the page is printed
ie.css <-- Any IE specific styles
forms.css <-- Style specific to the contact forms. Only needs to be called on the one page (usually contact)
0

#3 User is offline   Dave_Webb 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 239
  • Joined: 18-May 08
  • Reputation: 0
  • Gender:Male
  • Location:London UK
  • Experience:Advanced
  • Area of Expertise:Entrepreneur

Posted 24 May 2009 - 03:30 PM

Thanks for the reply
0

#4 User is offline   bocaj 

  • The First Messiah of Javology
  • PipPipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 3,383
  • Joined: 11-January 09
  • Reputation: 99
  • Gender:Male
  • Location:The West Country.
  • Experience:Web Guru
  • Area of Expertise:Entrepreneur

Posted 26 May 2009 - 04:57 PM

View PostScott S, on May 24 2009, 15:26, said:

styles.css <-- layout and fonts etc
print.css <-- styling for when the page is printed
ie.css <-- Any IE specific styles
forms.css <-- Style specific to the contact forms. Only needs to be called on the one page (usually contact)


In addition to that, i have a global.css which is for basic styling and layout that occurs on every page, and then a page/section specific style sheet for each individual section.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users