₦airaland Forum

I was trying to run my codes on Chrome via vscode, I saved the html file(index. html) in a sub folder (html) and css file(style.css) in a sub folder (style.css) , and I save all in a folder (web). I linked the css to the html file but I tried running the code by the css part is not coming up, please what's the solution??

Why all the many folders and subfolders? Well that's not the problem though, but we need to see your index.html folder to see where you linked the css file to know if you did it correctly.

Vickiechuks:
I was trying to run my codes on Chrome via vscode, I saved the html file(index. html) in a sub folder (html) and css file(style.css) in a sub folder (style.css) , and I save all in a folder (web). I linked the css to the html file but I tried running the code by the css part is not coming up, please what's the solution??

show us how u link the css in your header section

fnep2smooth:
show us how u link the css in your header section

<link rel="stylesheet "type="text/css " href=" style.css">

Vickiechuks:
I was trying to run my codes on Chrome via vscode, I saved the html file(index. html) in a sub folder (html) and css file(style.css) in a sub folder (style.css) , and I save all in a folder (web). I linked the css to the html file but I tried running the code by the css part is not coming up, please what's the solution??

That's because you are linking to the CSS in a wrong way. Since the CSS file is in a different folder you must also specify that out in the href attribute.

To solve your problem, simply copy the CSS from the folder it is now, and paste it in the HTML folder. That would solve the issue.


Perhaps you need a good tutor to teach you? View the attachment below my message.

Vickiechuks:
<link rel="stylesheet "type="text/css " href=" style.css">

the code is ok but i will need to know where u drop the index.html (most time on the root folder) and i will also need to know if you created a sub folder for css files ? example: if u created a sub folder in the root folder and name it "css"

the code will look like this:

<link rel="stylesheet "type="text/css " href="css/style.css">

but if the style.css is in the root folder with the index.html then you use the same line of code you pasted like this:

<link rel="stylesheet "type="text/css " href="style.css">

any more help let me know

Vickiechuks:
I was trying to run my codes on Chrome via vscode, I saved the html file(index. html) in a sub folder (html) and css file(style.css) in a sub folder (style.css) , and I save all in a folder (web). I linked the css to the html file but I tried running the code by the css part is not coming up, please what's the solution??

past the code html code here

fnep2smooth:
the code is ok but i will need to know where u drop the index.html (most time on the root folder) and i will also need to know if you created a sub folder for css files ? example: if u created a sub folder in the root folder and name it "css"

the code will look like this:

<link rel="stylesheet "type="text/css " href="css/style.css">

but if the style.css is in the root folder with the index.html then you use the same line of code you pasted like this:

<link rel="stylesheet "type="text/css " href="style.css">

any more help let me know

Thanks, I created two sub folders (Html and CSS) under the Web folder, I saved the index.html file in the HTML FOLDER and style.css in the CSS FOLDER

Vickiechuks:
Thanks, I created two sub folders (Html and CSS) under the Web folder, I saved the index.html file in the HTML FOLDER and style.css in the CSS FOLDER

put the CSS FOLDER inside the HTML FOLDER and link to it
i.e <link rel="stylesheet" href="css/styles.css" />

Vickiechuks:
Thanks, I created two sub folders (Html and CSS) under the Web folder, I saved the index.html file in the HTML FOLDER and style.css in the CSS FOLDER

Since you created 2 different sub folders for html and CSS. Just link it like this


<link rel="stylesheet" type="text/css" href="../css/style.css">

Vickiechuks:
Thanks, I created two sub folde rs (Html and CSS) under the Web folder, I saved the index.html file in the HTML FOLDER and style.css in the CSS FOLDER

no need Putting the HTML into another folder just drop it at the web folder which is the root folder you created and link it with the code I posted earlier

Oh my God! Thanks all... It worked! I'm very happy now... Thank you guys