title: I can't get my html to link to css files on the server
body: <p>I just started setting up my first live personal site, which I am hosting through iPage. Despite the fact that everything worked great on my local environment, I cannot get the html to link to the css files on the server. I have inlcuded a picture that shows the directory structure and relevant code. The file I am working with is calculator.html.</p>
  
  <p><img src="https://i.stack.imgur.com/Prifd.png" alt="enter image description here"></p>
  
  <p>{edit} Obviously the uploaded picture is too small to see, so here is a link
  <a href="https://i.imgur.com/03x5ffa.png" rel="nofollow noreferrer">http://i.imgur.com/03x5ffa.png</a></p>
  
  <p>I also tried uploading the stylesheet to the same directory as calculator.html and changing the href of the link element to "buttonstyle1.css" but this did not work either. </p>
  
  <p>Additionally, I can't figure out where in their directory structure I am supposed to put my index.html such that www.abc.com(obviously not the real domain) would call the index file. With the index file in it's current position I have to type www.abc.com/index.html. </p>
  
  <p>Ignore the Home.html, that is a file that they provided and I haven't deleted yet. But even for that I have to type www.abc.com/Home.html to reach it. Typing www.abc.com results in nothing, just a default ISP search result page.</p>