title: What is .DS_Store and why am I suspecting it has broken my web project?
body: <p>I am working on a college assignment and am having a huge problem. 
  Everything was fine until I noticed a strange '<strong>.DS_Store</strong>' file in the main folder containing all my images, html, css and .js files. </p>
  
  <p>Now my webpages look like this: </p>
  
  <p><img src="https://i.stack.imgur.com/vHBEV.jpg" alt="Chrome view of index.html"></p>
  
  <p>An old screen grab - I had just finished adding a custom sprite and tweaking a flexslider before this all happened: </p>
  
  <p><img src="https://i.stack.imgur.com/7JoHG.jpg" alt="An old screen-grab from Chrome"></p>
  
  <p>I was trying to find some more information about this '.DS_Store' file. I can't find much online. Nor can I find any postings about similar problems. I did find <a href="http://danilo.ariadoss.com/how-to-recursively-remove-ds_store-files-on-mac-os-x/" rel="nofollow noreferrer">this</a> though but am hesitant to start deleting files from terminal.</p>
  
  <p>However, I strongly suspect it has something to do with this '.DS_Store' file.</p>
  
  <p>I have tried to solve this problem by: </p>
  
  <ul>
  <li>Importing all images back into photoshop and saving to a new folder.</li>
  <li>Importing all code and script to a pain-text editor and then back into Coda, Wrangler, Dreamweaver on Mac and Notepad++ on a Windows machine).</li>
  </ul>
  
  <p>I am still getting the same effect when I try to view the pages in Chrome, IE, Mozilla - broken images and no formatting. Not compiling.</p>
  
  <p><img src="https://i.stack.imgur.com/9fobR.jpg" alt="Broken Images"></p>
  
  <p>Does anyone know anything about this? I would HUGELY appreciate some information on how I can fix this.  </p>