CSS and HTML wont link up
Right so I have coded my html and css files using Notepad. I have saved them as html.htm and css.css. They are in the same folder called blog. To link them i used this line of code: <link rel="stylesheet" type="text/css" href="css.css"/> The full content is: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"/> <title>First Website</title> </head> <body> <section class="Header"> <header> <a href=""><img src="http://i.imgur.com/tWt2ZrX.jpg"/></a> </header> </section> <section class="Navbar"> <nav> <table> <tr> <td><a href="">About Me</a></td> <td><a href="">Funny stuff</a></td> <td><a href="">Home</a></td> <td><a href="">Cool Pictures</a></td> <td><a href="">Contact me</a></td> </tr> </table> </nav> </section> <section class="main"> <img src="http://www.secondapratica.com/wp-content/uploads/2016/02/Amsterdam-Summer.jpg"/> </section> </body> </html> .header img{ display:block; margin:0 auto; width:50%; padding:0 0 5px 0; } .navbar td{ text-align:center; width:10%; } .navbar a:link{ color:gray; text-decoration:none; } .navbar a:visited{ color:gray; text-decoration:none; } .navbar a:hover{ color:purple; font-weight:bolder; } .navbar nav{ width:95%; display:block; margin:0 auto; background-color:#cccccc; padding:10px; border:2px solid #999999; } .main img{ width:90%; display:block; margin:10px auto; padding:2px; border:4px solid #999999; }
Often have questions like this?
Learn more efficiently, for free:
