+ 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">

10th Aug 2017, 12:33 PM
centbass
centbass - avatar
17 ответов
+ 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">
10th Aug 2017, 12:39 PM
Maz
Maz - avatar
+ 5
It is not possible to solve a coding question without code
10th Aug 2017, 1:20 PM
Manual
Manual - avatar
+ 3
A thread On web developement - linking external CSS - linking external Javascript https://www.sololearn.com/discuss/580792/?ref=app
10th Aug 2017, 1:06 PM
Manual
Manual - avatar
+ 3
@Centry @Maz is good with web devrlopement if you follow their instructions it your issue will be solved
10th Aug 2017, 1:09 PM
Manual
Manual - avatar
+ 2
You copy the directory of the .html file and patse it into the address of your browser
10th Aug 2017, 1:05 PM
Manual
Manual - avatar
+ 2
What OS are you using?
10th Aug 2017, 1:06 PM
Manual
Manual - avatar
+ 2
If you follow the instructions, and have no major errors in your code. It will work.
10th Aug 2017, 1:19 PM
Manual
Manual - avatar
+ 2
No, Show your code
10th Aug 2017, 1:20 PM
Manual
Manual - avatar
+ 1
I still don't understand. please which of the note do you use to code.as in notepad or notepad++
10th Aug 2017, 12:56 PM
centbass
centbass - avatar
+ 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
10th Aug 2017, 1:18 PM
Manual
Manual - avatar
+ 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.
10th Aug 2017, 2:00 PM
Calviղ
Calviղ - avatar
+ 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.
10th Aug 2017, 2:01 PM
Manual
Manual - avatar
+ 1
Give a id so your style sheet does something
10th Aug 2017, 2:02 PM
Manual
Manual - avatar
+ 1
Take the www.freecodecamp.com course
10th Aug 2017, 2:02 PM
Manual
Manual - avatar
0
windows 7 32bits
10th Aug 2017, 1:09 PM
centbass
centbass - avatar
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
10th Aug 2017, 1:16 PM
centbass
centbass - avatar
- 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
10th Aug 2017, 1:46 PM
centbass
centbass - avatar