+ 1
Please I need ur help cos am confused working on html n css on notepad++.pls tro lite on how to link from html to css to browser
Guys I have a serious issue that has stop me from moving forward,when working with my notepad++. I find it difficult to do a link to an external CSS after the write up on HTML.it my greatest challenge over 3month now I can't link up.i followed d normal procedure <link rel="stylesheet" href=". CSS" type="text/css">
17 Réponses
+ 12
First of all, .css and not .CSS
Make sure your files are in the same directory!
You should also learn something about absolute/relative path but at the moment just put all your files in a common folder.
A common way might be:
<!doctype html5>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
<html>
You can also use the CDN of some CSS files, for example to link Font Awesome on Sololearn CodePlayground.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ 5
It is not possible to solve a coding question without code
+ 3
A thread On web developement
- linking external CSS
- linking external Javascript
https://www.sololearn.com/discuss/580792/?ref=app
+ 3
@Centry
@Maz is good with web devrlopement if you follow their instructions it your issue will be solved
+ 2
You copy the directory of the .html file and patse it into the address of your browser
+ 2
What OS are you using?
+ 2
If you follow the instructions, and have no major errors in your code.
It will work.
+ 2
No, Show your code
+ 1
I still don't understand. please which of the note do you use to code.as in notepad or notepad++
+ 1
Link CSS to HTML
- use external CSS link
-https://www.w3schools.com/css/css_howto.asp
Link JS to HTML
- use external Javascript link
- https://www.w3schools.com/js/js_whereto.asp
+ 1
You should show us the code whenever you have coding question.
Your body tag in CSS has syntax error, missing closing }. This is why your CSS not working. And you should use lower case in CSS
background: url("img/image.jpg");
And I'm not sure about your footer css, since there is no tag with footer id implemented on HTML file.
+ 1
few things
Find the file in the folder hold shift as you do right click your file.
Copy the path.
paste that path into the link.
+ 1
Give a id so your style sheet does something
+ 1
Take the
www.freecodecamp.com
course
0
windows 7 32bits
0
linking external CSS after writing ur codes on html on (notepad++)
what pops up on the search engine (goggle chrome) is just the skeletal work of the html ,
the css write up which is suppose to beautify d job with style is not showing forth cos der is no link between the html n css
- 1
file.html
<!doctype html>
<html>
<head>
<title>Sport24Rumour</title>
<link rel="stylesheet" href="footer.css" type="text/css" />
</head>
<body>
</body>
</html>
footer.css
body{
background:URL ("img/forest green.jpg") repeat;
#footer{
position: fixed;
bottom: 0px;
margin: 0px;
padding: 0;
left: 0;
right: 0;
height: 40px;
}
now after all these I can't link them up.what pops up on Google chrome is just the skeletal work which is the html write-up. the css ain't functioning.i need u guys suggestions pls