Working on a basic HTML project that includes css and javascript. Within the project folders named css, scripts, and images are used for organization. The project structure can be seen in the provided image.
https://i.sstatic.net/OwCSL.jpg
The issue that arises is how to correctly set paths for the css, images, and js files from within the html file.
A styles.css file has been created with the following style:
html {
padding-top: 25px;
background-image: url(images/bg_page.png);
}The link to the styles.css file from the html appears as follows:
<title>Chapter 2</title>
<link href="css/styles.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Gravitas+One" rel="stylesheet" />
Issue: The styles defined in the css file are not being applied to the html. Also, uncertainty remains about setting the correct image URL path in the css. Is there anyone familiar with VS 2012 who can help address these path challenges?
Furthermore, the creation of a "solution1" folder raises concerns regarding organizational structure. Are there better ways to organize folders and files, especially in Visual Studio 2012?
Thank you.