0

How to Connect my Html doc and external css files?

Hey peoples! I have started to create a webpage to begin practical exercises to learn more! however my stylesheet doesn't appear to be working: Html: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="css" href="stylesheet.css> <title>FishingWithDan</title> </head> <body> <!--Navigation menu--> <nav> <ul> <li><a href="add link later!">home</a></li> <li><a href="add link later!">about me</a></li> <li><a href="add link later!">contact me</a></li> </ul> </nav> <!--heading--> <h1 align="center">Dan Harwood's fishing Portfolio!</h1> <hr> <pclass="center" >Hey!</p> </body> </html> css: body{ background-color: #556B2F; } nav{ padding:50px 0; min-width: 500px; } nav ul { background: linear-gradient(90deg); rgba(255, 255, 255, 0) 0% rgba(255, 255, 255, 0.2) 25% rgba(255, 255 , 255, 0.2) 75% rgba(255, 255, 255, 0) 100% box-shadow: 0 0 25px rgba(0, 0, 0, 0.1) inset 0 0 1px rgba (255, 255, 255, 0.6); } nav ul li{ display: inline-block; } nav ul li a { padding: 10px; color: #FFFFFF; font-size: 18px; font-family: arial; text-decoration: none; display: block; } I was hoping to get a color background and a nice Nav menu but none of it appears!

24th Mar 2019, 9:35 AM
Jack Logan Kennedy
Jack Logan Kennedy - avatar
6 Respostas
0
The Code works fine. i have put It as a Code block and you can see ir running fine https://code.sololearn.com/W8O5om97pfHJ/?ref=app
24th Mar 2019, 10:07 AM
Jorge
Jorge - avatar
0
I do See! How bizarre! I'm using notepad and opening in default browser.. Any idea as to why it doesn't render elsewhere?
24th Mar 2019, 10:09 AM
Jack Logan Kennedy
Jack Logan Kennedy - avatar
0
Put the html and css file in the same folder
24th Mar 2019, 11:04 AM
Abhishek Raj
Abhishek Raj - avatar
0
Still no.. they already are in the same folder, with the correct extensions (.http & .css)..
24th Mar 2019, 11:07 AM
Jack Logan Kennedy
Jack Logan Kennedy - avatar
0
For html files should be .html or .htm. The .http is not valid for html documents
24th Mar 2019, 8:11 PM
Jorge
Jorge - avatar
0
Sorry that was a typo. The file is .html :/
24th Mar 2019, 9:38 PM
Jack Logan Kennedy
Jack Logan Kennedy - avatar